element多个table实现同步滚动的示例代码 element多个table实现同步滚动的

element ui 实现多个table同时滚动，横向纵向滚动

文章图片

代码如下：

var Main = {data() {return {tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市'}, {date: '2016-05-04',name: '王小虎',address: '上海市'}, {date: '2016-05-04',name: '王小虎',address: '上海市'}, {date: '2016-05-04',name: '王小虎',address: '上海市'}],dom1: null,dom2: null}},mounted() {this.dom1 = this.$refs.table1.bodyWrapperthis.dom2 = this.$refs.table2.bodyWrapperthis.listenerScroll()},methods: {listenerScroll() {this.dom2.addEventListener('scroll', () => {// 横滚this.dom1.scrollLeft = this.dom2.scrollLeft// 竖滚this.dom1.scrollTop = this.dom2.scrollTop})}}}var Ctor = Vue.extend(Main)new Ctor().$mount('#app')

【element多个table实现同步滚动的示例代码】到此这篇关于element多个table实现同步滚动的文章就介绍到这了,更多相关element table同步滚动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！