From 162cf1b1861d383fdc112fbc4335c90b85a277e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E6=99=93=E4=B8=9C?= <sunxiaodong@e6yun.com>
Date: Thu, 16 Apr 2020 13:41:06 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=BD=93=20tagsview=20=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=97=B6=EF=BC=8C=E5=8F=B3=E5=87=BB?=
 =?UTF-8?q?=20tag=20=E6=8C=89=E9=92=AE=EF=BC=8C=E5=BC=B9=E5=87=BA=E5=8F=B3?=
 =?UTF-8?q?=E9=94=AE=E8=8F=9C=E5=8D=95=EF=BC=8C=E6=AD=A4=E6=97=B6=E6=8B=96?=
 =?UTF-8?q?=E5=8A=A8tagsview=20=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=97=B6?=
 =?UTF-8?q?=E5=8F=B3=E9=94=AE=E8=8F=9C=E5=8D=95=E6=B2=A1=E6=9C=89=E6=B6=88?=
 =?UTF-8?q?=E5=A4=B1=EF=BC=8C=20=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
 =?UTF-8?q?=E4=B8=8D=E5=A5=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改如下：

当拖动tagsview 滚动条时，关闭右键菜单。
---
 src/layout/components/TagsView/index.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 642b4f42747..352f98df828 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -46,6 +46,9 @@ export default {
     },
     routes() {
       return this.$store.state.permission.routes
+    },
+    scrollWrapper() {
+      return this.$refs.scrollPane.$refs.scrollContainer.$refs.wrap
     }
   },
   watch: {
@@ -64,6 +67,10 @@ export default {
   mounted() {
     this.initTags()
     this.addTags()
+    this.scrollWrapper.addEventListener('scroll', this.closeMenu, true)
+  },
+  beforeDestroy() {
+    document.removeEventListener('scroll', this.closeMenu)
   },
   methods: {
     isActive(route) {

From 258f4b86d2e6f4d19caf4648f81e043a2c93641f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E8=A3=A4=E8=A1=A9?= <panfree23@gmail.com>
Date: Tue, 5 May 2020 12:53:42 +0800
Subject: [PATCH 2/2] perr: refine code

---
 src/layout/components/TagsView/ScrollPane.vue |  9 +++++++++
 src/layout/components/TagsView/index.vue      | 12 ++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 0ec76e72f45..34a7e55fadb 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -19,12 +19,21 @@ export default {
       return this.$refs.scrollContainer.$refs.wrap
     }
   },
+  mounted() {
+    this.scrollWrapper.addEventListener('scroll', this.emitScroll, true)
+  },
+  beforeDestroy() {
+    this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
+  },
   methods: {
     handleScroll(e) {
       const eventDelta = e.wheelDelta || -e.deltaY * 40
       const $scrollWrapper = this.scrollWrapper
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
     },
+    emitScroll() {
+      this.$emit('scroll')
+    },
     moveToTarget(currentTag) {
       const $container = this.$refs.scrollContainer.$el
       const $containerWidth = $container.offsetWidth
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 352f98df828..d2a56e70800 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="tags-view-container" class="tags-view-container">
-    <scroll-pane ref="scrollPane" class="tags-view-wrapper">
+    <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
       <router-link
         v-for="tag in visitedViews"
         ref="tag"
@@ -46,9 +46,6 @@ export default {
     },
     routes() {
       return this.$store.state.permission.routes
-    },
-    scrollWrapper() {
-      return this.$refs.scrollPane.$refs.scrollContainer.$refs.wrap
     }
   },
   watch: {
@@ -67,10 +64,6 @@ export default {
   mounted() {
     this.initTags()
     this.addTags()
-    this.scrollWrapper.addEventListener('scroll', this.closeMenu, true)
-  },
-  beforeDestroy() {
-    document.removeEventListener('scroll', this.closeMenu)
   },
   methods: {
     isActive(route) {
@@ -196,6 +189,9 @@ export default {
     },
     closeMenu() {
       this.visible = false
+    },
+    handleScroll() {
+      this.closeMenu()
     }
   }
 }