this.$router.push跳转页面后如何获取query
时间: 2023-09-14 16:02:34 浏览: 123
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
在跳转页面时,可以通过在 `this.$router.push` 方法中传递一个对象,该对象的 `query` 属性用于设置查询参数。例如:
```
this.$router.push({
path: '/some/path',
query: {
foo: 'bar',
baz: 'qux'
}
})
```
在接收页面中,可以通过 `$route.query` 对象来获取查询参数。例如:
```
console.log(this.$route.query.foo) // 输出 "bar"
console.log(this.$route.query.baz) // 输出 "qux"
```
如果需要在组件中实时监听查询参数的变化,可以使用 `$route` 对象的 `watch` 方法。例如:
```
watch: {
'$route.query': {
handler: function (newQuery, oldQuery) {
console.log('查询参数已更新:', newQuery)
},
immediate: true // 立即执行一次
}
}
```
阅读全文