element el-table表头错位

最近业务需求对element表格显示逻辑做出判断导致浏览器页面显示表格列数据错乱。

一般来说循环显示的表格中可以在el-table-column加上一个唯一的key来保证组件显示的唯一性。

<el-table-column
    fixed
    :key='1'
    prop="date"
    label="日期"
    width="150">
</el-table-column>

还有个方法就是在你v-if对表格的列做出判断后，执行刷新element表格的操作

this.$nextTick(() => {
    this.$refs.table.doLayout() //对table做出刷新操作 doLayout
})

一般情况错位都能解决，css错位在前面的文章有提到过