yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: close tab on mouse mid-button click

pull/831/MERGE
DevDengChao 2025-11-19 16:12:46 +08:00
parent 6b28dba11b
commit 14d508d630
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layout/components/TagsView/src/TagsView.vue
View File

@ -255,6 +255,15 @@ const canShowIcon = (item: RouteLocationNormalizedLoaded) => {
return false return false
} }
const closeTabOnMouseMidClick = (e: MouseEvent, item) => {
// 中键：button === 1
if (e.button === 1) {
e.preventDefault()
e.stopPropagation()
closeSelectedTag(item)
}
}
onBeforeMount(() => { onBeforeMount(() => {
initTags() initTags()
addTags() addTags()
@ -293,6 +302,7 @@ watch(
v-for="item in visitedViews" v-for="item in visitedViews"
:key="item.fullPath" :key="item.fullPath"
:ref="itemRefs.set" :ref="itemRefs.set"
@auxclick="closeTabOnMouseMidClick($event, item)"
:class="[ :class="[
`${prefixCls}__item`, `${prefixCls}__item`,
tagsViewImmerse ? `${prefixCls}__item--immerse` : '', tagsViewImmerse ? `${prefixCls}__item--immerse` : '',