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;

}

}

最终效果:

相关推荐
丫丫7237342 分钟前
Three.js 材质系统总结笔记
javascript·笔记·材质
GIS遥遥3 分钟前
2025Cesium进阶教程(5)| webgis智慧城市开发,大屏可视化行政区高亮
javascript·cesium·gis开发·三维gis·webgis开发
细心细心再细心9 分钟前
响应式记录
前端·vue.js
北辰alk13 分钟前
Vue打包后静态资源图片失效?一网打尽所有解决方案!
vue.js
干就完了116 分钟前
关于git的操作命令(一篇盖全),可不用,但不可不知!
前端·javascript
hjt_未来可期16 分钟前
js实现替换输入框中选中的文字
javascript·vue.js
之恒君16 分钟前
JavaScript 垃圾回收机制详解
前端·javascript
是你的小橘呀17 分钟前
像前任一样捉摸不定的异步逻辑,一文让你彻底看透——JS 事件循环
前端·javascript·面试
Tzarevich17 分钟前
JavaScript 继承与 `instanceof`:从原理到实践
javascript
前端老宋Running19 分钟前
你的代码在裸奔?给 React 应用穿上“防弹衣”的保姆级教程
前端·javascript·程序员