search

jekip / naive-ui-admin

Naive Ui Admin 是一款基于 Vue3、Vite3 和 TypeScript 的先进中后台解决方案，集成了前沿的前端技术栈和典型业务模型。它拥有二次封装组件、动态菜单、权限校验、粒子化权限控制等核心功能，旨在帮助企业快速构建高质量的中后台项目。无论在新技术运用或业务实践层面，都能为您提供有力支持，并将持续更新，以满足您不断变化的需求
https://naive-ui-admin.vercel.app
MIT License
4.98k stars 922 forks source link

bug: 退出登录后，并未完全移除tab，页面携带参数无法匹配高亮 #208

Closed dockfries closed 1 year ago

dockfries commented 1 year ago

Header/index.vue

// 移除标签页
localStorage.removeItem(TABS_ROUTES); // 且存储用storage实例 这边却用原生localStorage 不规范

TagsView/index.vue

// 在页面关闭或刷新之前，保存数据
window.addEventListener('beforeunload', () => {
  storage.set(TABS_ROUTES, JSON.stringify(tabsList.value));
});

思路1: 登出时清空useTabsViewStore里的tabList,而不是进行storage的removeItem 思路2: 删除页面关闭刷新保存数据，而是在useTabsViewStore的tabList内部发生变化时进行存储

dockfries commented 1 year ago

另: TagsView/index.vue的'active-item': activeKey === element.path应该修改为element.fullPath，不然页面如果携带了query参数就无法匹配高亮了

jekip commented 1 year ago

另: TagsView/index.vue的'active-item': activeKey === element.path应该修改为element.fullPath，不然页面如果携带了query参数就无法匹配高亮了

确实存在

另: TagsView/index.vue的'active-item': activeKey === element.path应该修改为element.fullPath，不然页面如果携带了query参数就无法匹配高亮了

确实存在

jekip commented 1 year ago

1.9.0 已 fix