本人在开发的过程中遇到了此类问题,记录下解决方案,实测有效~
// 监听窗口大小变化并重新布局 el-table
<template>
<el-table>
<el-table-column ref="table"></el-table-column>
</el-table>
</template>
export default {
name: 'YourComponent',
data() {
return {
// 你的数据
};
},
mounted() {
// 监听窗口大小变化
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
// 组件销毁前移除事件监听
window.removeEventListener('resize', this.handleResize);
},
methods: {
handleResize() {
this.$nextTick(() => {
this.$refs.table.doLayout();
});
},
},
};