vue的this.$router.push()传参方法
时间: 2024-05-31 07:06:24 浏览: 112
vue.js this.$router.push获取不到params参数问题
5星 · 资源好评率100%
在Vue中,我们可以使用this.$router.push()方法进行路由跳转。如果我们需要传递参数,则可以在push()方法的第二个参数中传递一个对象,该对象中包含需要传递的参数。例如:
```
this.$router.push({ path: '/example', query: { id: '123' }})
```
上述代码中,我们传递了一个对象作为第二个参数,该对象包含path和query两个属性。其中,path表示需要跳转到的路由路径,query表示需要传递的参数,以键值对的形式存储。
在接收参数的组件中,我们可以通过this.$route.query来获取传递过来的参数。例如:
```
mounted () {
console.log(this.$route.query.id) // 输出123
}
```
注意:如果需要传递的参数较多,建议使用params进行传参,而不是query。因为params可以在url中进行显示,而query则不会。
阅读全文