当前位置: 首页 > news >正文

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;
}
}

最终效果:
在这里插入图片描述

相关文章:

  • 新建一个esri_sde_gists的服务
  • 【quarkus系列】解决native包反射问题之RegisterForReflection 注解
  • SQL 语言:数据控制
  • Linux文本文件管理003
  • 保存ssh的资讯,快速访问linux server的sshpass
  • Docker 基础使用 (1)
  • Docker安装MySQL的详细教程
  • AI日报:百度发布文心大模型学习机;Open-Sora 1.1可生成21秒视频;Canva可以自动剪辑视频了;超牛ComfyUI节点AnyNode来了
  • Java-Stream流-概述、创建、使用:遍历/匹配、筛选、聚合、映射、归约、排序、提取/组合
  • 面向可复用性和可维护性的设计模式 课程学习总结
  • Go 语言中的 Viper 库来读取 YAML 配置文件
  • 面试八-存泄漏是什么,有哪几种,怎么解决?
  • vue实现图片懒加载
  • 网络编程——大端序小端序
  • 力扣爆刷第141天之二叉树十连刷(翻转、对称、深度、平衡、路径)
  • 解密Prompt系列15. LLM Agent之数据库应用设计:DIN C3 SQL-Palm BIRD
  • 上海汇正财经官网怎么样?客户好评如潮,口碑赞誉之声不绝于耳
  • 机器学习-6-对随机梯度下降算法SGD的理解
  • R可视化:可直接发表的柱状图
  • 前端面试问题:子组件的某一个方法调用执行逻辑由父组件的属性状态变化来决定
  • 老凤祥一季度净利减少两成,去年珠宝首饰营收下滑19%
  • 葡萄牙、西班牙发生大范围停电
  • 吕国范任河南省人民政府副省长
  • 上海浦东单价超10万楼盘228套房源开盘当天售罄,4月已有三个新盘“日光”
  • 人民日报社论:做新时代挺膺担当的奋斗者
  • 印方称与巴基斯坦军队在克什米尔交火