美文网首页
vue路由传值问题

vue路由传值问题

作者: 老街老街 | 来源:发表于2019-07-19 01:59 被阅读0次

1.params:
this.router.push({ name:"detail", params:{ name:'nameValue', code:10011 } }); 这里push也可使用replace代替。 接收:this.route.params.code;
2.query:
this.router.push({ path:"/home", query:{ name:'nameValue', code:10011 } }); 接收:this.route.query.code;

3.直接在路径中加入参数:
例如:/item/3
这个3是动态的。
接收:this.$route.params.active;

重点!!!!!
总结:
从第一种和第二种中你们发现什么没?
告诉你吧,query传参是要用path来引入,而params传参是要用name来引用。
小伙伴们千万要注意哦!
还有一点就是:接收参数的时候是this.route,传参的时候是this.router。一个字母可能使你困恼。哈哈
晚安!

相关文章

  • vue路由的介绍(二)--vue动态路由和get的传值

    vue动态路由和get的传值---->同属于路由的传参 1,vue动态路由: 动态路由的配置: ①,在配置路由时加...

  • vue路由传值问题

    1.params:this.route.params.code;2.query:this.route.query....

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • Vue_路由的传值

    Vue2.0的路由参数定义实现url传值

  • React-router 路由传值两种方式

    和vue的路由传递在获取值的时候稍微有点不同 安装路由 页面引入路由 1.get传值 路由正常配置 传递值 接收值...

  • 2018-09-21非父子传值、路由Vue Router

    一、非父子传值效果图: body部分: js部分: 二、路由Vue Router 路由Vue Router 和 V...

  • 2018-09-28

    1.vue 路由跳转传值 -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件 2....

  • Vue页面间传值

    Vue传值的方式有正向传值和反向传值 正向传值:上一页面 --> 下一页面 路由传值 本地储存 eventbus ...

  • 几种vue的组件传值方式

    几种vue的组件传值方式 1、路由传参 ①定义路由时加上参数props: true,在定义路由路径时要留有参数占位...

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

    1,路由传值 方式一:使用函数方式,通过路由的路径带参数,同时配置路由的时候也要带上参数,获取参数使用this.$...

网友评论

      本文标题:vue路由传值问题

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