vue使用el组件 在el-tabs中 刷新页面保持不变

问题:

在使用elementUI的el-tabs时,会遇到这样一个问题。就是当你切换到第一个标签页后面的标签页,刷新页面,会回到第一个标签页。原因是因为切换标签页,是页面局部刷新。刷新页面,是页面整个刷新,是全局的。

解决方案:

使用本地存储localStorage来进行tab状态的记忆

1. 绑定el-tabs组件命名为activeName,改变tab触发 tabHanld 方法

2.activeName 是默认选中的tab,如果不写则会展示空白页面

3. 在 vue实例创建完成之后 获取本地有没有 user,如果有的话进行赋值,没有的话默认data中的 activeName

4. 切换tab页 改变本地localStorage的值

发表评论

电子邮件地址不会被公开。 必填项已用*标注