对于格式化,有2种方法:template scope、formatter
一、template scope + v-if判断
<el-table-column prop="sex" label="性别">
<template slot-scope="scope">
<span v-if="scope.row.sex== 0">男</span>
<span v-if="scope.row.sex== 1">女</span>
</template>
</el-table-column>
二、利用formatter、slot属性
<el-table-column prop="xb1" label="成员性别1" width="120" :formatter="Formatter">
methods:{
Formatter(row, column){
if(row.sex === 0){
return "男"
}else if(row.sex === 1){
return "女"
}
}
}
三:
<el-table-column align="center" header-align="center" label="性别" width="120">
<template slot-scope="scope">
<div>{{ sexObject[scope.row.sex+''] }}</div>
</template>
</el-table-column>
<script>
export default {
data () {
return {
sexObject: { '1': "男", '2':"女" }