看着视频做了个 vue3+element-plus 项目,在做多标签页功能时遇到个问题,看下图
多标签组件中点击“关闭右侧”按钮后正常逻辑应该是最后两个标签被关闭,当前页面不改变
但是我做出来后只关闭了“角色列表”,同时路由跳转到最后一个“权限列表”上了
该菜单的最下面按钮“关闭其他”也是这个问题,能否帮忙看看源码哪里出问题了
gitee:https://gitee.com/chanchaw/im...
源码结构介绍:
- 多标签组件路径是:src/components/TagsView
其中 index.vue 是多标签页组件,ContextMenu.vue 是右键菜单组件 - 多标签组件的数据放在:src/store/modules/app.js 中的 tagsViewList
其中的方法 removeTagsView 实现了“关闭其他”,“关闭右侧”
自己看了好长时间实在不知道问题出在哪里,万分感谢能帮忙的老铁。
可以参考这个项目的
tagTabs
组件设计方式,也是Vue3 + Ele Plus
。RuoYi-Vue3/index.vue · yangzongzhuan/RuoYi-Vue3
RuoYi-Vue3/tab.js · yangzongzhuan/RuoYi-Vue3
RuoYi-Vue3/tagsView.js · yangzongzhuan/RuoYi-Vue3