vue 监听路由参数变化
时间: 2023-09-02 15:11:57 浏览: 100
Vue 嵌套路由使用总结(推荐)
在 Vue 中,可以使用 `watch` 监听路由参数的变化。
首先,需要安装 `vue-router` 插件,然后在组件中引入 `this.$route` 对象,这个对象包含了当前路由的信息。
然后,在组件的 `watch` 选项中,可以监听 `$route` 对象的变化,例如:
```javascript
watch: {
'$route.params.id': function(newValue, oldValue) {
// 处理路由参数变化的逻辑
}
}
```
这个例子中,监听了 `$route.params.id` 这个路由参数的变化,当这个参数变化时,就会触发 `watch` 中定义的处理逻辑。
需要注意的是,当路由参数变化时,组件不会重新渲染,而是直接更新路由参数相关的数据。如果需要根据路由参数重新渲染组件,可以使用 `beforeRouteUpdate` 钩子函数。
阅读全文