const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.value[i].$refs.bodyWrapper.getElementsByClassName('el-scrollbar__wrap')[0] let secondTable = Table1.value[i].$refs.bodyWrapper.getElementsByClassName('el-scrollbar__wrap')[0] firstTable.addEventListener('scroll', () => { secondTable.scrollLeft = firstTable.scrollLeft secondTable.scrollTop = firstTable.scrollTop nextTick(() => { Table0.value[i].doLayout() }) }) secondTable.addEventListener('scroll', () => { firstTable.scrollLeft = secondTable.scrollLeft firstTable.scrollTop = secondTable.scrollTop nextTick(() => { Table1.value[i].doLayout() }) }) } }
element-Plus组件监听滚动与之前element有区别, Table0.value[i].$refs.bodyWrapper.getElementsByClassName('el-scrollbar__wrap')[0] 获取表格滚动,监听之
- element-Plus 表格 element vue3 Pluselement-plus表格element vue3 element-plus表格el-table高度 element-plus element vue3 plus element-plus element eslint vue3 气泡 使用方法element-plus表格 横向element-plus表格element vue3-element-admin element-plus typescript后台 element-plus表格element plus element-plus vue3-vite element vue3 element-plus单元element vue3