el-table表格内容错乱

最新推荐文章于 2024-08-22 10:19:40 发布

夭11

最新推荐文章于 2024-08-22 10:19:40 发布

阅读量563

点赞数 1

文章标签： elementui javascript vue

本文链接：https://blog.csdn.net/m0_62111953/article/details/132606852

版权

⽤tabs切换表格的时候，多个表格相互切换，⽤到了v-if和v-else-if，

会出现表头和内容不对照，错乱的情况

解决⽅法：给每⼀个el-table添加上key字段，即可

<el-table-column
      align="center"
      type="index"
      label="序号"
      width="80"
      :key="1">
</el-table-column>
<el-table-column
      prop="caseNumber"
      label="案号"
      width="180"
      align="center"
      :key="2">
</el-table-column>