Element-ui表格根据数值条件显示不同内容

发布时间 2023-04-09 11:09:33作者: 李八御

从后端获取的 status 是数字格式的 0 或 1,没有语义可读性

产品 启用状态
产品一 0
产品二 1
<el-table-column
        prop="status"
        label="启用状态">
</el-table-column>

现在要 status 为 0 时显示 “禁用”;为 1 时显示 “启用”

<el-table-column
        prop="status"
        label="启用状态">
    <template slot-scope="scope">
        <span v-if="scope.row.status === 0">禁用</span>
        <span v-else>启用</span>
    </template>
</el-table-column>
产品 启用状态
产品一 禁用
产品二 启用