Vue路由参数更新但是页面不刷新?
在当前路由下,跳转同路由不同参数,例如:
当前路由地址 :
http://localhost:8080/news?newsId= 4
目标路由地址:
http://localhost:8080/news?newsId= 5
上例地址栏 newsId参数变化,页面不刷新,手动刷新可以加载页面
解决办法:watch 监听路由 $route
watch: {
'$route' (to, from) { //监听路由是否变化
if(to.query.status != from.query.status){
this.status = to.query.status;
this.init();//重新加载数据
}
}
}
to:即将要进入的目标 路由对象($route)
from:当前导航正要离开的路由对象($route)