VueRouter 同一个路由(复用同一个组件) 页面不重新加载解决办法
【代码】VueRouter 同一个路由(复用同一个组件) 页面不重新加载解决办法。
·
项目中经常会用到同一个页面,结构是相同的,我只是在vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也显示已经改变,但页面并不会刷新,因为路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载,所以如果在created钩子中来区分状态明显是行不通的,可以通过watch监听事件来监听路由的变化:
watch: {
'$route' (to, from) {
if (to.name === 'projectAdd') {
console.log(to.query) // 在此调用函数
}
}
}
更多推荐
已为社区贡献17条内容
所有评论(0)