el-table-column使用v-if 隐藏列 显示异常问题

因业务需求,需要在点击按钮时隐藏列。于是在 el-table-column 中 使用 v-if ,但是导致前一列显示异常的问题。

不显示 【操作】列时,【审核日期】列的值未能正常显示。

 
        
        
        
        
        
        
        
          
        
      

解决方法:给使用了v-if的 【操作】列,加一个固定的key值,或循环渲染key即可

如: key="1" 或 : key="Math.random()"

 
        
        
        
        
        
        
        
          
        
      

你可能感兴趣的:(#,Vue,vue.js,elementui,el-table-column,v-if)