首页 > 技术文章 > vue使用el组件 在el-tabs中 刷新页面保持不变

tdcqcrtd 2020-07-31 17:56 原文

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

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

 

2.

 

 

 在data中定义 activeName变量,

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

 

 

 

 

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

 

推荐阅读