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;

}

}

最终效果:

相关推荐
spencer_tseng9 分钟前
jquery download
javascript·jquery
极速蜗牛32 分钟前
告别部署焦虑!PinMe:前端开发者的极简部署神器
前端·javascript
by__csdn1 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
小福气_2 小时前
自定义组件 vue3+elementPlus
前端·javascript·vue.js
程序员博博2 小时前
这才是vibe coding正确的打开方式 - 手把手教你开发一个MCP服务
javascript·人工智能·后端
是谁眉眼2 小时前
vue环境变量
前端·javascript·vue.js
鹏北海-RemHusband2 小时前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·javascript·vue.js
用户6600676685392 小时前
斐波那契数列:从递归到缓存优化的极致拆解
前端·javascript·算法
NuLL2 小时前
异步并行任务执行工具
javascript
海上彼尚2 小时前
vite+vue3 ssg预渲染方案
前端·javascript·vue.js