this.$router.push query传参
时间: 2024-01-12 13:22:40 浏览: 161
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
this.$router.push方法是Vue Router提供的一种导航方法,用于在Vue.js应用程序中进行页面导航。通过使用query参数,可以在路由之间传递参数。
以下是一个示例,演示了如何使用this.$router.push方法传递query参数:
```javascript
// 在当前页面中使用this.$router.push方法传递query参数
this.$router.push({ path: '/xxx', query: { idname: id } });
```
在上述示例中,我们将id作为参数传递给了名为idname的query参数。在目标页面中,可以通过this.$route.query.idname来获取传递的参数值。
请注意,query参数是以键值对的形式传递的,可以传递多个参数。在目标页面中,可以通过this.$route.query来访问所有的query参数。
阅读全文