Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

左侧菜单栏折叠时与tab标签切换路由时菜单显示选中状态bug #1681

Closed
4 tasks
iamzzg opened this issue Feb 28, 2022 · 0 comments
Closed
4 tasks
Labels
bug Something isn't working

Comments

@iamzzg
Copy link

iamzzg commented Feb 28, 2022

⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

  • 已阅读 文档.
  • 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
  • 已在 Issues 中搜索了相关的关键词
  • 不是 ant design vue 组件库的 Bug

描述 Bug

折叠左侧菜单栏时,在tab中切换不同的菜单,左侧菜单有时会出现同时选中两个菜单的情况,同时具有激活菜单的样式

复现 Bug

启动项目后,
1 折叠左侧菜单,此时默认是http://localhost:3100/#/dashboard/analysis路由页面,左侧菜单默认选中该菜单,在对应菜单栏左侧有一个表示选中状态的竖立蓝色长方形
2 此时点击通过左侧菜单栏切换到任一具有子菜单的页面,如图标页面,http://localhost:3100/#/feat/icon,此时左侧菜单表示选中的是图标所在的菜单,
3 再通过tab标签栏点击 [首页]标签 跳转回http://localhost:3100/#/dashboard/analysis,此时成功跳转回首页,但是左侧菜单此时选中的菜单有两个,分别是首页还有图标,而再次点击图标的tab,此时就一切正常显示,左侧菜单也还是显示只选中图标菜单

系统信息

  • 操作系统:window
  • Node 版本:v14.17.6
  • 包管理器 (npm/yarn/pnpm) 及其版本:pnpm 6.21.0
@mynetfan mynetfan added the bug Something isn't working label Oct 29, 2022
zyt520ham pushed a commit to zyt520ham/vue-vben-admin that referenced this issue Oct 25, 2023
* main: (26 commits)
  fix(BasicTable): pagination exceeds page height. close vbenjs#3185
  chore(ATypographyParagraph): fix type:check (vbenjs#3187)
  chore(TableFooter): resolve ts type error
  fix(tree): remove expandedKeys prop default value (vbenjs#3184)
  fix(Upload): The file name is too long bug (vbenjs#3182)
  feat: 增加文本省略组件 (vbenjs#3180)
  站内支持API接口地址切换 (vbenjs#3162)
  feat: Form增加ImageUpload组件 (vbenjs#3172)
  chore(demo): basicTree组件增加icon 和 switcherIcon示例
  fix(BasicTree):  not inherit slot and not show icon slot. close vbenjs#1902
  chore(BasicTable): resolve BasicTable component ts type error
  chore(BasicTree): Resolve ts type error
  fix(ApiCascader): apiParamKey not working
  fix(Menu): tab标签切换选中状态焦点重复. fix vbenjs#1681
  fix: SimpleRootMenuContextProps type error (vbenjs#3176)
  refactor: cipher (vbenjs#3174)
  feat: add pinia persist plugin (vbenjs#3173)
  fix(ApiTree): 多触发一次onchange
  chore(ApiSelect): 该组件设定成手动触发验证
  fix(ApiSelect): BasicForm emit ield-value-change twice
  ...

# Conflicts:
#	pnpm-lock.yaml
#	src/components/Form/src/components/ApiSelect.vue
#	src/locales/lang/en/common.ts
#	src/locales/lang/en/sys.ts
#	src/locales/lang/zh-CN/common.ts
#	src/locales/lang/zh-CN/sys.ts
#	src/utils/env.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants