vue如何监听路由地址发生变化
时间: 2023-08-20 14:10:07 浏览: 106
vue.js使用watch监听路由变化的方法
在Vue中,你可以使用`watch`属性来监听路由地址的变化。具体步骤如下:
1. 首先,在Vue组件的`created`生命周期函数中,使用`$route`对象来获取当前的路由地址。例如:
```javascript
created() {
console.log(this.$route.path); // 当前路由地址
},
```
2. 然后,你可以在`watch`属性中监听路由地址的变化。例如:
```javascript
watch: {
'$route.path'(newPath, oldPath) {
console.log('路由地址发生变化');
console.log('新的路由地址:', newPath);
console.log('旧的路由地址:', oldPath);
}
},
```
在上面的代码中,`$route.path`是一个特殊的写法,表示监听`$route.path`属性的变化。
当路由地址发生变化时,`watch`属性中的回调函数就会被触发,你可以在回调函数中处理相应的逻辑。
这样,你就可以监听到路由地址的变化了。
阅读全文