使用 element ui 提供的插槽,并接收返回的值 scope。
<el-table :data="tableData" :fit="true" style="width: 100%">
<el-table-column
v-for="item in colums"
:key="item.prop"
:prop="item.prop"
:width="item.width"
:show-overflow-tooltip="true"
:label="item.label"
>
<template slot-scope="scope">
{{isBlank}}
</template>
</el-table-column>
</el-table>
isBlank(scope) {
let key = scope.column.property,
item = scope.row[key],
value = '---';
if (item === 0 || item === false || item) {
value = item;
}
return value;
}
scope.row 接收当前行,scope.cloumn.property 属性对应的是当前单元格的属性名。使用 scope.row[scope.cloumn.property]获取到的是单一单元格的值,然后再做判断并赋值。