公司新加了一个需求,每个tab栏下的页面里面有查看详情的接口,查看后返回到查看前的tab页面。
刚开始每次返回都返回到待处理的页面,显然不符合需求。
思路:每次点击tab栏,将当前页面的activeName写入缓存,下次返回时,先从缓存读取数据,如果缓存中没有,就直接跳转待处理页面。
代码如下:
<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
</el-tabs>
created () {
if (sessionStorage.getItem('handle_order_name') == null) {
this.activeName = 'submit'
} else {
this.activeName = sessionStorage.getItem('handle_order_name')
}
},
methods: {
handleClick (tab, event) {
console.log(tab, event)
sessionStorage.setItem('handle_order_name', tab.name)
}
}