el-table-column渲染的每一项进行条件渲染 scope.row是固定写法 <el-table-columnprop="publishTime"label="定时发布时间"min-width="180"><templateslot-scope="scope"><spanv-if="scope.row.publishTime == '' || scope.row.publishTime == null">无定时发布任务</span><spanv-else>{{ scope.row.publ...
当el-table的某些列动态变化(v-if)的时候,经常会遇到el-table-column条件渲染出现报错的情况 报错内容: h.$scopedSlots.defaultis not afunction 究其原因, 这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的,于是需要添加key来...
<el-table-column prop="floors"label="楼层"width="120"></el-table-column> <el-table-column prop="companyName"label="入住单位"width="120"></el-table-column> <el-table-column prop="rooms"label="入住房间"width="120"></el-table-column> <el-table-column prop="area"label="入住面积"wid...
问题:项目中遇到el-table-column条件渲染出现报错的情况 报错内容: h.$scopedSlots.default is not a function error 原因:表格是element-ui通过循环产生的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,这就是问题所在,所以,通过key去标识一下当前行是唯一的,不许复用,就行了。 解决:添加 :ke...