如果不会修改,就和后端大哥商量给返回文字即可,但如果后端大哥比较冲,不好沟通,那么就得自己找办法转化修改一下了~
先放个效果图吧(先说明一下0表示是,1代表否)
方法一:调用methods中的方法
<el-table-column
prop="isAccept"
label="是否接受"
show-overflow-tooltip
:formatter="formtype">
</el-table-column>
methods:{
formtype(cellValue){
if (cellValue == 0){
return '否';
}else if (cellValue == 1){
return '是';
};
},
},
方法二:通过v-if判断(v-show也可以)
<el-table-column prop="isAccept" label="是否接受">
<template slot-scope="scope">
<span v-if="scope.row.isAccept== 0">否</span>
<span v-if="scope.row.isAccept== 1">是</span>
<span v-if="scope.row.isAccept== 2">--</span>
</template>
</el-table-column>
我习惯使用这种
<el-table-column prop="isAccept" label="是否接受">
<template v-slot="{row}">
<span v-show="row.isAccept== 0">否</span>
<span v-show="row.isAccept== 1">是</span>
<span v-show="row.isAccept== 2">--</span>
</template>
</el-table-column>
方法三:通过三元表达式判断(这种只适用于2个数据转化)
<el-table-column prop="isAccept" label="是否接受">
<template slot-scope="scope">
{{ scope.row.isAccept == 1 ? "是" : "否" }}
</template>
</el-table-column>