Sfoglia il codice sorgente

当tags-view滚动关闭右键菜单

RuoYi 5 anni fa
parent
commit
2c1f5d2e8c
1 ha cambiato i file con 9 aggiunte e 0 eliminazioni
  1. 9 0
      ruoyi-ui/src/layout/components/TagsView/ScrollPane.vue

+ 9 - 0
ruoyi-ui/src/layout/components/TagsView/ScrollPane.vue

@@ -19,12 +19,21 @@ export default {
19
       return this.$refs.scrollContainer.$refs.wrap
19
       return this.$refs.scrollContainer.$refs.wrap
20
     }
20
     }
21
   },
21
   },
22
+  mounted() {
23
+    this.scrollWrapper.addEventListener('scroll', this.emitScroll, true)
24
+  },
25
+  beforeDestroy() {
26
+    this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
27
+  },
22
   methods: {
28
   methods: {
23
     handleScroll(e) {
29
     handleScroll(e) {
24
       const eventDelta = e.wheelDelta || -e.deltaY * 40
30
       const eventDelta = e.wheelDelta || -e.deltaY * 40
25
       const $scrollWrapper = this.scrollWrapper
31
       const $scrollWrapper = this.scrollWrapper
26
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
32
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
27
     },
33
     },
34
+    emitScroll() {
35
+      this.$emit('scroll')
36
+    },
28
     moveToTarget(currentTag) {
37
     moveToTarget(currentTag) {
29
       const $container = this.$refs.scrollContainer.$el
38
       const $container = this.$refs.scrollContainer.$el
30
       const $containerWidth = $container.offsetWidth
39
       const $containerWidth = $container.offsetWidth