el-table多个表格切换显示时表格渲染错乱

Vue+ElementUI项目中条件渲染切换表格时单元格内容显示异常的问题及解决方法

以下方法亲测有效。

方法一：el-table 添加key属性

<el-table
  v-if="type === 4"
  :key="Math.random()"
  :data="tableData"
></el-table>

方法二：将 v-if 改成 v-show

<el-table
  v-show="type === 4"
  :data="tableData"
></el-table>

本人使用的方法

<el-table
  v-if="type === 4"
  :key="120828" //	随意给一个id把el-table区分开
  :data="tableData"
></el-table>