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

fix: 【我的素材】滚动条出现导致列表对不齐

任一存 4 лет назад
Родитель
Сommit
92b58c3e13
1 измененных файлов с 15 добавлено и 2 удалено
  1. 15 2
      src/components/table/index.vue

+ 15 - 2
src/components/table/index.vue

@@ -13,6 +13,8 @@
     <div class="t-con"
       v-infinite-scroll="requestMoreData"
       :infinite-scroll-disabled="!canRequestMoreData"
+      ref="t-con"
+      :style="`margin-right: ${hasScrollBar ? -6 : 0}px`"
     >
       <ul class="t-item" active-txt :class="{'bottom-line': showLine}" v-for="(item, i) in fixdata" :key="i">
         <!-- 复选框 -->
@@ -65,7 +67,8 @@ export default {
   data () {
     return {
       selectAll: false,
-      lock: true
+      lock: true,
+      hasScrollBar: false,
     }
   },
   computed: {
@@ -118,7 +121,17 @@ export default {
     }
   },
   mounted () {
-  }
+    const resizeObserver = new ResizeObserver((entries) => {
+      console.log('asdf');
+      if (entries[0].target.clientHeight < entries[0].target.scrollHeight) {
+        this.hasScrollBar = true
+      } else {
+        this.hasScrollBar = false
+      }
+       
+    })
+    resizeObserver.observe(this.$refs['t-con'])
+  },
 }
 </script>