A(一级)页面;

B(二级)页面;

问题描述:当A页面编辑后,进入B页面选择或者获取数据的时候,往往返回后会清空A页面数据;

处理问题:将B页面返回后,A页面数据任然在;

解决方法:

  分析:判断A页面的进出

A.vue界面代码

       //离开A界面时
       beforeRouteLeave(to, from, next) {
            if (to.path == "要去B界面的路径" ) {
                    sessionStorage.setItem("dataList", JSON.stringify(this.list));//将当前页面的数据存到session,注意使用JSON.stringify转化一下格式}
            next() 
        }, 

    //进入A页面时
     beforeRouteEnter(to, from, next) { 
      next((vm) =>{ 
        if (from.path == "同上路径") { 
          vm.list = JSON.parse(sessionStorage.getItem("dataList")); //获取、转化并保存到当前页面list中 ; 注意:不能直接使用this,要用vm
        } 
      }) 
    },

 

  

 

posted on 2021-12-10 10:56  菜菜小江升级打怪之路  阅读(70)  评论(0)    收藏  举报