vue+element ui后台返回数据为数字,前台转化成对应的中文显示在表格中

关于根据后台数字显示相应的文字,文档中没有详细说明,所以写这篇博客记录一下。

这里主要介绍三种方法,可以自己的需要选择哦

先放个效果图吧(先说明一下0表示是,1代表否)
在这里插入图片描述
方法一:调用methods中的方法
默认传递对象,需要在对象或者那个获取对应的key判断即可

<el-table-column prop="isAccept" label="是否接受" show-overflow-tooltip:formatter="formtype">
</el-table-column>methods:{formtype(cellValue){if (cellValue == 0){return '否';}else if (cellValue == 1){return '是';};},
},

方法二:通过v-if判断

<el-table-column prop="isAccept" label="是否接受">	<template slot-scope="scope"><span v-if="scope.row.isAccept== 0"></span><span v-if="scope.row.isAccept== 1"></span><span v-if="scope.row.isAccept== 2">--</span></template>
</el-table-column>

方法三:通过三目运算符判断

<el-table-column prop="isAccept" label="是否接受"><template slot-scope="scope">{{ scope.row.isAccept == 1 ? "是" : "否" }}</template>
</el-table-column>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/514985.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

浪潮云发布全新“1231”业务战略,打造“一朵分布式云”

编辑 | 宋 慧 出品 | CSDN云计算 头图 | 浪潮云业务战略发布会现场图 在政务云必提浪潮云的十年之后&#xff0c;2021年5月14日&#xff0c;浪潮云发布了全新业务战略“1231”&#xff0c;浪潮“分布式云”行动计划首次亮相。 数采、数算、数用一体化 浪潮云“1231”战略正式发…

一文快速入门分库分表(必修课)

之前有不少刚入坑 Java 的粉丝留言&#xff0c;想系统的学习一下分库分表相关技术&#xff0c;可我一直没下定决心搞&#xff0c;眼下赶上公司项目在使用 sharding-jdbc 对现有 MySQL 架构做分库分表的改造&#xff0c;所以借此机会出一系分库分表落地实践的文章&#xff0c;也…

element ui tabs切换刷新数据

文章目录1. 在线调试2. 监听事件3. 结论1. 在线调试 2. 监听事件 监听分析 3. 结论 根据index做不同的操作&#xff0c;例如查询表格列表

搜索引擎新架构:与SQL不得不说的故事

阿里巴巴搜索引擎HA3架构 1.HA3架构分为在线和离线两部分 • 在线是一个传统的2层服务架构&#xff0c;分别叫做QRS和search。QRS负责接受用户请求&#xff0c;做一些简单处理之后把请求发给下面的search节点&#xff0c;search节点负责加载索引并完成检索&#xff0c;最终由Q…

面试90%都会翻车的高可用+高并发+负载均衡架构设计 !

很多人面试的时候被问到一个让人特别手足无措的问题&#xff1a;你的系统如何支撑高并发&#xff1f;对于一个公司而言&#xff0c;“为什么要高可用”关于负载均衡架构设计你了解多少&#xff1f;大多数同学被问到这个问题压根儿没什么思路去回答&#xff0c;不知道从什么地方…

数据湖 VS 数据仓库之争?阿里提出大数据架构新概念:湖仓一体

作者 |关涛、李睿博、孙莉莉、张良模、贾扬清&#xff08;from 阿里云智能计算平台&#xff09; 黄波、金玉梅、于茜、刘子正&#xff08;from 新浪微博机器学习研发部&#xff09; 编者按 随着近几年数据湖概念的兴起&#xff0c;业界对于数据仓库和数据湖的对比甚至争论就…

ruoyi-vue 跳转页面

文章目录1. 通过router-link2. $router.push1. 通过router-link <el-table-column label"条款类型" align"center"show-overflow-tooltip><template slot-scope"scope"><router-link :to"/monitor/child " class"…

小心!你家的 IoT 设备可能已成为僵尸网络“肉鸡”

图源 | 视觉中国受访者 | 吴铁军 记者 | 夕颜出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09;2020年&#xff0c;全球遭受了新冠疫情的袭击&#xff0c;人们的生产生活受到了极大的影响。在网络世界中&#xff0c;僵尸网络作为多年来的主要威胁形式之一&#xff0c;并…

服务发现技术选型那点事儿

简介&#xff1a; 相对于 2016 年&#xff0c;现在我们最少有十多种的方式能实现服务发现&#xff0c;这的确是个好时机来进行回顾和展望&#xff0c;最终帮助我们进行技术选型与确定演进方向。 作者 | 张羽辰(同昭) 引子——什么是服务发现 近日来&#xff0c;和很多来自传统…

ruoyi-vue 管理有跳转页面正常,普通用户跳转页面404

背景&#xff1a;新增子菜单&#xff0c;通过主菜单跳转进入&#xff0c;不需要显示子菜单&#xff0c;用admin配置跳转路径正常&#xff0c;普通用跳转404 分析&#xff1a;admin跳转页面正常是因为对超级管理员有特殊处理&#xff0c;跳转权限校验。其他用户都需要校验 解决…

SpringCloud 应用在 Kubernetes 上的最佳实践 —— 高可用(弹性伸缩)

作者 | 三未 前言 弹性伸缩是一种为了满足业务需求、保证服务质量、平衡服务成本的重要应用管理策略。弹性伸缩让应用的部署规模能够根据实时的业务量产生动态调整&#xff0c;在业务高峰期扩大部署规模&#xff0c;保证服务不被业务冲垮&#xff1b;在业务低谷期缩减部署规模…

PyFlink + 区块链?揭秘行业领头企业 BTC.com 如何实现实时计算

大家好&#xff0c;我们是 BTC.com 团队。2020 年&#xff0c;我们有幸接触到了 Flink 和 PyFlink 生态&#xff0c;从团队自身需求出发&#xff0c;完善了团队内实时计算的任务和需求&#xff0c;搭建了流批一体的计算环境。 在实现实时计算的过程中&#xff0c;我们在实践中…

当数据中台遇见云原生,智领云看到企业数据转型新方向

编辑 | 宋慧 出品 | CSDN云计算 头图 | 智领云2021年合作伙伴沙龙现场图 2021年5月14日&#xff0c;智领云2021年合作伙伴沙龙在北京维景国际大酒店隆重召开。本次沙龙以“数据驱动 智领未来”为主题&#xff0c;来自全国各地的合作伙伴、企业用户以及媒体代表等100多位嘉宾出…

随时随地查看业务数据,DataV移动端新功能上新

简介&#xff1a; 随时随地监控业务数据&#xff0c;及时对焦管理策略&#xff0c;让数据推动业务。 在有手机就能活的今天&#xff0c;还只在电脑面前看报表吗&#xff1f; BOSS们每天处理无数的消息和邮件&#xff0c;还要四处奔波开会&#xff0c;没有办法时时刻刻在电脑前…

MaxCompute full outer join改写left anti join实践

简介&#xff1a; ods层数据同步时经常会遇到增全量合并的模型&#xff0c;即T-1天增量表 T-2全量表 T-1全量表。可以通过full outer join脚本来完成合并&#xff0c;但是数据量很大时非常消耗资源。本文将为您介绍在做增量数据的增加、更新时如何通过full outer join改写lef…

数据中台 VS 传统大数据平台,这 8 点区别要了解

作者 | 彭锋 宋文欣 孙浩峰来源 | 大数据DT头图 | 下载于视觉中国传统大数据平台和数据仓库是数据中台的数据来源&#xff0c;建设数据中台是为了更好地服务于业务部门。下图展示了信息化系统、数据仓库、传统大数据平台、数据中台之间的关系&#xff0c;其中的箭头表示数据的主…

腾讯云~Kafka 监控 Kafka Eagle 图形化版本

文章目录1. 安装包下载2. 开启kafka JMX3. 安装JDK&#xff0c;配置JAVA_HOME4. 上传安装包、解压5. 配置Kafka-eagle环境变量6. 配置Kafka_eagle7. 配置ke.sh8. 启动Kafka_eagle9. 防火墙10. 访问Kafka eagle1. 安装包下载 官网地址&#xff1a;EFAK 本文使用3.0.1版本 2. …

维大杀器来了,未来云上服务器或将实现无人值守

云原生时代下&#xff0c;企业的IT运维面临架构复杂化、业务需求多样化和运维数据海量化等挑战&#xff0c;如何能够实现精准告警、异常智能诊断、根因定位、异常预测和异常自动修复&#xff0c;已成为企业数字化转型的急迫需求。 9月26日&#xff0c;阿里巴巴高级技术专家滕圣…

一家化纤工厂的数字化转型之路

在数字经济的浪潮中&#xff0c;零售业被公认为是数字化程度最高的行业&#xff0c;而与此形成鲜明对比的中国传统制造业&#xff0c;大部分还处于观望状态。当前&#xff0c;国内外形势正在发生深刻复杂的变化&#xff0c;越来越多的制造企业希望通过业务数字化与智能化&#…

java安全编码指南之:异常处理

异常简介 先上个图&#xff0c;看一下常见的几个异常类型。 所有的异常都来自于Throwable。Throwable有两个子类&#xff0c;Error和Exception。 Error通常表示的是严重错误&#xff0c;这些错误是不建议被catch的。 注意这里有一个例外&#xff0c;比如ThreadDeath也是继承自…