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

原文地址:https://www.cnblogs.com/nongfusanquan/p/14631030.html