关于vue路由传值,组件传值问题

2019-05-28  本文已影响0人  小菜鸟9102

1,路由传值

方式一:使用函数方式,通过路由的路径带参数,同时配置路由的时候也要带上参数,获取参数使用this.$route.params.id,直接拿路由里面的参数。

方式二:也是函数方式,但是不用再路由页面单独配置参数来接收,这种方式是通过name去跳转,第三种是使用path去跳转,写法是一样的。

组件间的传值

父传子,直接在父组件页面的子组件标签上直接传值就行,子组件使用props接收,在页面直接使用就可以了

子传父,见上图的函数toAbout,使用$emit 触发父组件的自定义事件( @transferAbout="gettwo"),

再使用父组件的事件接收。

接收参数

笔者也是个初学者,有错误的地方希望大家指出来,一起学习,一起进步。

上一篇下一篇

猜你喜欢

热点阅读