问题:

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

解决方案:

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

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

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

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

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

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐