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;

}

}

最终效果:

相关推荐
你的人类朋友4 小时前
【Node.js】什么是Node.js
javascript·后端·node.js
dae bal6 小时前
关于RSA和AES加密
前端·vue.js
柳杉6 小时前
使用three.js搭建3d隧道监测-2
前端·javascript·数据可视化
刺客-Andy7 小时前
React 第七十节 Router中matchRoutes的使用详解及注意事项
前端·javascript·react.js
代码老y8 小时前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
zzywxc7879 小时前
详细探讨AI在金融、医疗、教育和制造业四大领域的具体落地案例,并通过代码、流程图、Prompt示例和图表等方式展示这些应用的实际效果。
开发语言·javascript·人工智能·深度学习·金融·prompt·流程图
大明889 小时前
用 mouseover/mouseout 事件代理模拟 mouseenter/mouseleave
前端·javascript
林太白9 小时前
Nuxt.js搭建一个官网如何简单
前端·javascript·后端
晴空雨9 小时前
一个符号让 indexOf 判断更优雅!JavaScript 位运算的隐藏技巧
前端·javascript
前端snow9 小时前
前端无接口实现Table导出Excel的两种方案(附完整代码)
javascript·vue.js·react.js