问题:
在使用elementUI的el-tabs时,会遇到这样一个问题。就是当你切换到第一个标签页后面的标签页,刷新页面,会回到第一个标签页。原因是因为切换标签页,是页面局部刷新。刷新页面,是页面整个刷新,是全局的。
解决方案:
使用本地存储localStorage来进行tab状态的记忆
1. 绑定el-tabs组件命名为activeName,改变tab触发 tabHanld 方法
2.activeName 是默认选中的tab,如果不写则会展示空白页面
3. 在 vue实例创建完成之后 获取本地有没有 user,如果有的话进行赋值,没有的话默认data中的 activeName
4. 切换tab页 改变本地localStorage的值
所有评论(0)