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 } }) },
从啥也不会开始吧
浙公网安备 33010602011771号