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>
产品 | 启用状态 |
---|---|
产品一 | 禁用 |
产品二 | 启用 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本