|
|
@@ -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>
|
|
|
|