关于根据后台数字显示相应的文字,文档中没有详细说明,所以写这篇博客记录一下。
这里主要介绍三种方法,可以自己的需要选择哦
先放个效果图吧(先说明一下0表示是,1代表否)
方法一:调用methods中的方法
默认传递对象,需要在对象或者那个获取对应的key判断即可
<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判断
<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 slot-scope="scope">{{ scope.row.isAccept == 1 ? "是" : "否" }}</template>
</el-table-column>