实例
一般在我们各自页面的首选页面进行操作。
首先我们要知道beforeRouteLeave(to, from , next)三个参数的意义
to , 离开之前
from , 到达
next,下一步。
beforeRouteLeave(to, from, next) { // 离开路由之前 ,判断一下是不是跳到下一个页面 // 是否保存当前页面
// console.log(to.path, '查看路径,跳转的路径')
const path = '/intelligent-water/waterOrigin/configuration' // 路由配置里面的路由路径经
// 判断两个路径是否一致
if (to.path === path) { // 如果完全匹配跳转页面,
if (to.path.indexOf('waterRefineView') !== -1) { // 如果存在有某个关键字,自己定义
// 就可以进行本地存储
localStorage.setItem('navFormInfo', JSON.stringify(this.navFormInfo.data))
this.HandletableShow() // 要展示的tab表格
next() // 下一步
} else {
next() // 下一步
}
} else { // 如果跳转到其他模块的页面就清除缓存
if (to.path.indexOf('/waterRefine') === -1) {
// 清除已经缓存的数据
localStorage.removeItem('navFormInfo')
localStorage.removeItem('HandletableShow')
}
next() // 下一步
}
},