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;

}

}

最终效果:

相关推荐
喝水的长颈鹿几秒前
【大白话前端 02】网页从解析到绘制的全流程
前端·javascript
用户14536981458784 分钟前
VersionCheck.js - 让前端版本更新变得简单优雅
前端·javascript
codingWhat7 分钟前
整理「祖传」代码,就是在开发脚手架?
前端·javascript·node.js
码路飞15 分钟前
写了个 AI 聊天页面,被 5 种流式格式折腾了一整天 😭
javascript·python
Lee川18 分钟前
优雅进化的JavaScript:从ES6+新特性看现代前端开发范式
javascript·面试
Mr_li27 分钟前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
颜酱1 小时前
单调队列:滑动窗口极值问题的最优解(通用模板版)
javascript·后端·算法
一拳不是超人3 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
icebreaker3 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序