element el-table表头错位

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

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


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

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

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

你可能感兴趣的:(javascript,前端,element,vue.js,elementui,javascript)