使用element中el-table動態增減表頭列的時候出現抖動閃動的問題

el-table表格抖動的解決辦法

動態切換表頭的時候閃爍是因為表頭重新計算高度導致的，重寫表格樣式即可

//重寫表格樣式，不在自動計算，解決表格渲染時閃爍問題
//不寫這個使用v-if重新渲染表格的時候會再次計算下寬高，導致了抖動div高度=table容器高度/行數
.el-table .cell{
  height:20px!important;
}

表頭變動的時候數據可能會下掉，使用element中的dolayout函數解決
element中寫到：doLayout方法 對Table進行重新布局。當Table或其祖先元素由隱藏切換為顯示時，可能需要調用此方法

beforeUpdate(){
    this.$nextTick(() => { //在數據加載完，重新渲染表格
    this.$refs['table'].doLayout();
    })
}