elementui之table列隱藏顯示bug

在最近的項目中，有需求要做到根據條件顯示隱藏列，原來以為簡單的v-if可以解決，卻遇到如下問題：

1、切換狀態，列數據錯亂

 

 

解決方法：

每列加上:key="Math.random()" 

2、輸入或切換搜索條件，table抖動

解決方法：

 beforeUpdate() {
      this.$nextTick(() => {
        this.$refs.multipleTable.doLayout()
      })
    }