vue 路由传参

路由传参方法有很多，这里只写我常用的两种，希望能对大家起到帮助

1，先上代码：

this.$router.push({
path: ‘/index’,
query: { id:1 }
})

点击事件页面跳转传参

注意点：path的值为要跳转的页面，query为要传的值，第一个为key值，第二个为value值

接收方法为： this.$route.query.id，

注意点： query后跟的是你传值的key，在页面中可以直接使用

2，先上代码：

< router-link :to="{name: ‘index’, query: { id: 1 }}"> 跳转< /router-link>

使用标签跳转携带数据< router-link >标签可以实现页面跳转

< router-link > :to属性中name值为路由中设置的name值为index得页面，query跟第一种方法是一样得意思

接收方法：同第一个方法是一样得