el-table-column v-if条件渲染报错h.$scopedSlots.default is not a function

问题:项目中遇到el-table-column条件渲染出现报错的情况

           报错内容: h.$scopedSlots.default is not a function

error

原因:表格是element-ui通过循环产生的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,这就是问题所在,所以,通过key去标识一下当前行是唯一的,不许复用,就行了。

解决:添加 :key="Math.random()"

example:

       

 

你可能感兴趣的:(el-table-column v-if条件渲染报错h.$scopedSlots.default is not a function)