在项目中进行刷新页面时,经常需要保持菜单栏状态
使用的是vant组件库中的折叠面板组件
折叠面板的activeNames是点击进行展开的面板的name
所以将activeNames的值进行存储
sessionStorage.setItem('displayName', activeNames.value.toString());
在stores的文件下进行全局状态存储
state: () => ({
displayName: '',
}),
actions: {
openNav() {
this.displayName = sessionStorage.getItem('displayName');
},
},
在onBeforeMount中取出存的值
onBeforeMount(() => {
store.openNav();
});