el-table-column两种方法处理特殊字段,插槽和函数

问题:后端返回的字段为数字

解决办法:

{{ row[item.prop] == 1 ? "启用" : "禁用" }} {{ row[item.prop] }}

最终果:

另外:如果多种状态时可用函数

{{ getStatus(row[item.prop]) }}

{{ row[item.prop] }}

function getStatus(status) {

console.log("status", status);

switch (status) {

case 0:

return "撤销";

break;

case 1:

return "暂存";

break;

case 2:

return "发布";

break;

}

}

最终效果:

相关推荐
threelab2 小时前
Three.js 代码云效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
yqcoder3 小时前
JavaScript 柯里化:把“大餐”拆成“小炒”的艺术
开发语言·javascript·ecmascript
每天吃饭的羊3 小时前
JSZip的使用
开发语言·javascript
前端老石人4 小时前
前端开发中的 URL 完全指南
开发语言·前端·javascript·css·html
不可能的是4 小时前
从 /simplify 指令深挖 Claude Code 多 Agent 协同机制
javascript
Python私教4 小时前
Pure-Admin-Thin 深度解析:完整版和精简版到底怎么选?
vue.js·人工智能·开源
Rkgua5 小时前
事件流模型是什么和DOM事件模型等关系
javascript
W.A委员会5 小时前
多行溢出在末尾添加省略号
开发语言·javascript·css
拉里呱唧6 小时前
一个像在使用PPT的在线 HTML 编辑器:HeyHTML
javascript·交互·html5
ayqy贾杰7 小时前
Cursor SDK发布!开发者可直接搬走其内核
前端·vue.js·面试