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

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

解决办法:

{{ rowitem.prop == 1 ? "启用" : "禁用" }} {{ rowitem.prop }}

最终果:

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

{{ getStatus(rowitem.prop) }}

{{ rowitem.prop }}

function getStatus(status) {

console.log("status", status);

switch (status) {

case 0:

return "撤销";

break;

case 1:

return "暂存";

break;

case 2:

return "发布";

break;

}

}

最终效果:

相关推荐
雪雪爱冲浪2 小时前
JavaScript 网络爬虫教程(2026)
开发语言·javascript·爬虫
软件技术NINI2 小时前
化妆品html+css+js 7页
javascript·css·html
要吃这碗饭2 小时前
JavaScript 网络爬虫教程(2026)
开发语言·javascript·爬虫
lexiangqicheng3 小时前
自定义表单跨端共用机制-PC设计APP渲染
java·前端·javascript
沙漏无语3 小时前
pnpm 安装@vue-office包的幽灵依赖问题解决
前端·javascript·vue.js
Jmyd01233 小时前
VR全景线上展会制作流程技术解析:全景采集、点云重建与Web端渲染优化实战
前端·javascript·vr·三维数字化
雪芽蓝域zzs3 小时前
第 9 节:面积测量(测面工具)
vue.js
℘团子এ3 小时前
vue2中自定义指令的使用
前端·javascript·vue.js
怕浪猫3 小时前
腾讯又交作业了,开源版 WorkBuddy 太夯了!这回是只粉色小章鱼Octop!
javascript·面试·agent
梦醒沉醉3 小时前
8、正则表达式
javascript