码迷,mamicode.com
首页 > 其他好文 > 详细

vue $router.push 传参的问题

时间:2018-10-28 19:19:27      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:区别   name   实例   highlight   vue   router   使用   param   url   

$router 和 $route的区别

  $route为当前router跳转对象里面可以获取name、path、query、params等

  $router为VueRouter实例,想要导航到不同URL,则使用$router.push方法

  返回上一个history也是使用$router.go方法

$router.push()

  1.params 传参

    注意??:patams传参 ,路径不能使用path 只能使用name,不然获取不到传的数据

this.$router.push({name: ‘index‘, params: {id: 1}})

    取数据:this.$route.params.id

  2.query传参

  

this.$router.push({path: ‘good‘, query: {id: 2}})

  取数据:this.$route.query.id

  

vue $router.push 传参的问题

标签:区别   name   实例   highlight   vue   router   使用   param   url   

原文地址:https://www.cnblogs.com/duanzb/p/9866260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!