ソースを参照

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

RuoYi 5 年 前
コミット
2c1f5d2e8c
共有1 個のファイルを変更した9 個の追加0 個の削除を含む
  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 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 28
   methods: {
23 29
     handleScroll(e) {
24 30
       const eventDelta = e.wheelDelta || -e.deltaY * 40
25 31
       const $scrollWrapper = this.scrollWrapper
26 32
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
27 33
     },
34
+    emitScroll() {
35
+      this.$emit('scroll')
36
+    },
28 37
     moveToTarget(currentTag) {
29 38
       const $container = this.$refs.scrollContainer.$el
30 39
       const $containerWidth = $container.offsetWidth