element-ui中的el-table-column使用v-if导致列位置与数据错乱

写的一个页面包含三个tab,相互切换的时候,有个tab的列就错位了,详情列内容显示的是编辑按钮,查了资料发现是涉及table切换的时候,vue底层会公用相同的列dom,导致显示错误,可以通过在el-table加key属性来解决,之前看到过,不知道是什么作用,查element-ui没查到,今天出现问题之后知道原来是起这个作用的。
引用资料:https://blog.csdn.net/weixin_38318244/article/details/106571887

你可能感兴趣的:(element-ui中的el-table-column使用v-if导致列位置与数据错乱)