当我们使用prop进行动态路由跳转时,重复进入同一个动态页面路由,页面不更新
此时我们可以对监听$route的变化
路由index.js
{
path: '/video/:id',
component: Video,
props: true
}
Video.vue
watch: {
$route (to, from) {
// 这里可以操作逻辑变化
// 重新执行获取数据的函数
this.getVideoSrc(this.id) // 获取到视频的链接
this.getRelatedVideo(this.id) // 获取到相关视频的链接
this.getVideoinfo(this.id) // 获取到视频的信息
}
},