0
点赞
收藏
分享

微信扫一扫

vue+element ui <el-tabs>中刷新页面不要回到初始页面

公司新加了一个需求,每个tab栏下的页面里面有查看详情的接口,查看后返回到查看前的tab页面。

vue+element ui <el-tabs>中刷新页面不要回到初始页面_读取数据


刚开始每次返回都返回到待处理的页面,显然不符合需求。

思路:每次点击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)
}
}


举报

相关推荐

0 条评论