通过监听鼠标滚轮事件达到效果
html:
prevent:阻止默认事件
<el-table
:data="fileList"
style="width: 100%"
ref="tableRef"
@wheel.native.prevent="handleMouseWheel"
>
...
</el-table>
javaScript:
<script>
export default {
data() {
return {
fileList: [],
};
},
created() {},
methods: {
handleMouseWheel() {
this.$refs.tableRef.$el.onwheel = (e) => {
this.$refs.tableRef.bodyWrapper.scrollLeft -= e.wheelDelta;
};
},
},
};
</script>