elementUI中table栏使用v-if和v-else渲染问题

最近遇到一个问题, 一个 el-table , 里面第一项为 索引列 然后上面有一个按钮, 点击按钮, 索引列会变成 多选框的状态

 

然后简单的运用了 v-if 和 v-else 指令 , 结果 是 渲染不生效

 

原因很简单, el-table 在解析的时候把两列 识别成相同的内容了 , 数据源没变是不会触发重新渲染的

 

解决办法  给每一个 el-table-column 加上一个key值, 只要key值唯一, 改变v-if绑定的值 就能触发重新渲染

posted @ 2020-09-29 12:54  深海里的星星i  阅读(3485)  评论(0)    收藏  举报