{ path: ‘/user/:name’ }从 /user/sid 跳转到 /user/moon 时,计算属性中使用了this.$route.params.name,会自动执行吗
时间: 2024-09-12 12:10:34 浏览: 34
当在Vue.js应用中使用路由模式`{/user/:name}`,并且通过`this.$route.params`访问动态路径参数,比如从`/user/sid`跳转到`/user/moon`时,`this.$route.params.name`会被解析并自动更新为你当前路由的实际参数值。所以在从`sid`切换到`moon`时,`name`的值会由`sid`变为`moon`,无需额外手动触发。这种自动更新是为了适应URL变化时数据的绑定。
如果你需要在路由改变时执行某些操作,可以利用`beforeRouteUpdate`或`activated`生命周期钩子函数,在其中获取并处理新的`name`值。例如:
```javascript
// 使用 beforeRouteUpdate
export default {
// ...其他配置
beforeRouteUpdate(to, from, next) {
const newName = this.$route.params.name;
// 在这里处理新名字,然后next()
console.log('New name:', newName);
next();
},
// ...其他方法
}
```
阅读全文