Vue中vue-router如何传递参数

一：   平时我们除了使用<router-link> :to

属性来进行路由跳转以外，还可以借助router的实例方法，通过编写代码来实现，因为Vue实例内部我们可以调用$router来访问luyou实例，因此可以通过$router.push来传递参数！

接下来让我们直奔主题~~

第一步：给要跳转路由的地方一个点击事件

第二步：在methods中写$router.push

这样子我们就可以在路由为listContent的组建中用this.$router.params.id来接收传过去的id啦

此上方法是query传参，路由那直接写path即可，而params传参要把path改成name

eg：

<p @click="goBargain">params</p>

goBargain(){

this.$router.push({name:'/bargain',params:{自定义属性名：要传递的参数}})

}

通过this.$route.params.自定义属性名就可以获取到所传递的参数了

链接：https://www.jianshu.com/writer#/notebooks/38099675/notes/49409484/writing

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。