解决el-table多表格切换数据混乱

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>

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