300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > vue使用el组件 在el-tabs中 刷新页面保持不变

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

时间:2020-03-09 06:54:13

相关推荐

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的值

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。