如果不会修改,就和后端大哥商量给返回文字即可,但如果后端大哥比较冲,不好沟通,那么就得自己找办法转化修改一下了~

先放个效果图吧(先说明一下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>

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐