2023-06-27 el-table中按钮显示条件使用v-if绑定的是方法，页面渲染有问题，没有按照最新结果渲染

参照：https://blog.csdn.net/m0_50441807/article/details/124993811

问题描述：页面中有多个el-table使用v-if来控制到底使用哪个el-table，在el-table中有一列中有多个按钮，使用v-if通过数据状态来控制显示与否。现状是按钮显示不正确。

按照参照博主给的方案，使用v-if的时候要配合key使用，template不能使用key，给所有的el-table加上了key后问题得到了解决。

推荐阅读更多精彩内容

• 3.el-table-column v-if条件渲染

  当el-table的某些列动态变化(v-if)的时候，经常会遇到el-table-column条件渲染出现报错的情...

  _leon__阅读 20,653评论 0赞 1
• vue项目-遇到bug--表格在使用v-if切换的时候数据渲染有问题

  问题说明：通过v-if来判断俩个表格数据的显示 参考文档----- 找原因： 1.可能是template中的slo...

  毛茸茸的狗阅读 2,383评论 0赞 0
• El-Table的二次封装

  记录一下在对el-tabel进行简单封装并实现行内编辑，单元格合并等功能 <el-table id="i...

  me_is_i阅读 2,229评论 0赞 0
• ElementUI的el-table遇到了v-if就抖动

  前提条件：使用v-if渲染el-table，搜索条件输入一个内容，table就抖动一下 解决：el-table-c...

  hsqin阅读 1,729评论 0赞 0
• 表格el-table使用v-if时，进行也换样式错乱

  多表格进行切换时，使用v-if/fixed导中样式错乱，在el-table上加上key属性，确保key唯一

  sunowter阅读 497评论 0赞 0