美文网首页
关于vue路由传值,组件传值问题

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

作者: 小菜鸟9102 | 来源:发表于2019-05-28 16:27 被阅读0次

    1,路由传值

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

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

    组件间的传值

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

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

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

    接收参数

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

    相关文章

      网友评论

          本文标题:关于vue路由传值,组件传值问题

          本文链接:https://www.haomeiwen.com/subject/sfuoaqtx.html