vue+element ui <el-tabs>中刷新页面不要回到初始页面
发布时间：2022-11-12 06:55:15 393 相关标签： # webkit# 数据
公司新加了一个需求，每个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)
}
}
文章来源： https://blog.51cto.com/u_15402941/5833879
特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。
举报
