Vue+Element-ui，el-table-column使用v-if出现的问题

问题

　　项目中，根据后台传值，使用v-if判断表格中功能列是否显示时，出现表头错位

解决

<el-table-column prop="status" label="设备状态" key="status"></el-table-column>

原因

• key作为一个DOM节点的标识值，结合Diff算法可以实现对节点的复用。(key相同的节点会被复用)；
• 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新

　　附：https://blog.csdn.net/sunhuaqiang1/article/details/111029386