vue 做了缓存数据导致页面路由变化数据不更新的问题

为了使切换页面时编辑的数据仍然保留，所以对页面做了缓存（页面路由的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);
     }
}