Просмотр исходного кода

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

feat: close tab on mouse mid-button click
芋道源码 2 месяцев назад
Родитель
Сommit
261aa31dd6
1 измененных файлов с 10 добавлено и 0 удалено
  1. 10 0
      src/layout/components/TagsView/src/TagsView.vue

+ 10 - 0
src/layout/components/TagsView/src/TagsView.vue

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