el-table加入fixed属性导致错位

发表于 阅读次数： 本文字数： 269 阅读时长 ≈ 1 分钟
前言

最近在改前端项目中遇到了一个问题，就是固定前两列后，前两列的会错位

原因

由于table在数据请求后，渲染异常的问题；因此，解决办法就是让table重新布局

解决

官方提供了doLayout方法，来解决重新布局的问题

doLayout 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法

doLayout的使用方式

找到请求数据后的地方，立刻获取更新后的DOM

1
2
3
4
this.$nextTick(() => {
       this.$refs.multipleTable.doLayout();
});