el-table在动态表头切换时数据下掉与闪烁问题

//解决表头变动,数据下掉问题
//使用v-if并不会重新渲染表格,并可能存在表头乱飞现象,使用element的dolayout解决
beforeUpdate(){
    this.$nextTick(() => { //在数据加载完,重新渲染表格
    this.$refs['table'].doLayout();
    })
},
//重写表格样式,不在自动计算,解决表格渲染时闪烁问题
//表格再渲染时会重新计算宽高,导致抖动(div高度=table容器高度/行数);
.el-table .cell{height: 20px !important;}

你可能感兴趣的:(vue)