github/yudao-ui-admin-vue3
1
0
Fork 0
mirror of https://github.com/yudaocode/yudao-ui-admin-vue3.git synced 2026-03-30 03:21:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #189 from DevDengChao/feat/close-tab-on-mouse-mid-click

Browse Source 
feat: close tab on mouse mid-button click
This commit is contained in:
芋道源码
2025-11-22 19:07:53 +08:00
committed by GitHub
parent 4185544cb8 14d508d630
commit 261aa31dd6
1 changed files with 10 additions and 0 deletions
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` : '',