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

1,路由传值

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

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

组件间的传值

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


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

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

接收参数

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容