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

从后端获取的 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>
产品 启用状态
产品一 禁用
产品二 启用
posted @   李八御  阅读(385)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示