vue 做了缓存数据导致页面路由变化数据不更新的问题
为了使切换页面时编辑的数据仍然保留,所以对页面做了缓存(页面路由的keepAlive:true)。但是路由参数有变化时页面用的仍然是缓存的数据并没有刷新。所以监听路由参数id,有变化则重新获取数据watch: {$route(){if(this.$route.path=='/aSale_workOrderCreate' && this.$rou...
·
为了使切换页面时编辑的数据仍然保留,所以对页面做了缓存(页面路由的keepAlive:true)。但是路由参数有变化时页面用的仍然是缓存的数据并没有刷新。
所以监听路由参数id,有变化则重新获取数据
watch: {
$route(){
if(this.$route.path=='/aSale_workOrderCreate' && this.$route.query.id){
var newid = this.$route.query.id;//当前页新id
var oldid = sessionStorage.getItem('oldworkorderid');//旧的id
if(oldid!=newid){//id有变化时
sessionStorage.setItem('oldworkorderid',this.$route.query.id);
this.orderid = this.$route.query.id;
//监听到id有变化时 执行你想要的操作
}
}
}
},
mounted:function(){
if(this.$route.query.id){
this.orderid = this.$route.query.id;
sessionStorage.setItem('oldworkorderid',this.$route.query.id);
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)