# 刷新后还原页签

给 RouterTab 组件设置 restore 属性,可以设置在浏览器刷新后还原页签。

RouterTab 通过 sessionStorage 来存储页签缓存信息

默认方式

<router-tab restore />
1

自定义缓存

RouterTab 支持自定义本地存储的 key,根据给定的 key 来获取对应的缓存

在实际应用中,我们希望根据当前用户来存储浏览器页签信息。

<router-tab :restore="userInfo.userId" />
1

监听 restore 参数

通常,我们的数据会从服务端异步获取,如果我们希望在用户数据获取到后再根据用户还原页签,可以配置 restore-watch 来监听 restore 参数,改变后自动还原对应用户的页签

<router-tab :restore="userInfo.userId" restore-watch />
1
上次更新: 2020/8/7 下午3:39:57