element-ui表格数据转换的示例代码
作者：包子源 发布时间：2023-07-02 17:00:23
标签：element-ui,表格,数据转换
业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成男和女呢，这里就需要用到数据转换 formatter属性
具体代码如下：
<el-table
:data="tableData"
highlight-current-row
style="width: 100％">
<el-table-column
prop="name"
label="姓名">
<el-table-column
prop="authority"
:formatter="formatRole"
label="角色">
</el-table-column>
</el-table>
js部分代码：
methods: {
//角色转换
formatRole: function(row, column) {
return row.authority == 'ROLE_REGISTRAR' ? "教务主任" : row.authority == 'ROLE_GRADE_DIRECTOR' ? "年级主任" : "班主任";
}
}
参数row就是表格当前行的所有数据
当然我们还可以用来截字符串啊，什么的，方法自己定义，return对应的值就行了
来源：https://blog.csdn.net/ziwoods/article/details/79021429
0
投稿猜你喜欢
- 本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下：<!DOCTYPE html
- 本文实例讲述了php利用cookies实现购物车的方法。分享给大家供大家参考。具体分析如下：php购物车是在电子商务网站会用到的,一种像超市
冒泡的表现近期用vue做了一个需求，大概是同一个区域，点击不同位置有不同的响应函数，还有个总的响应函数，好吧，如下图所示:他们的DOM结构如- 1.环境准备1.MySQL 安装路径：/usr/local2.CentOS 6.2 服务器（64 bit）3.MySQL 5.7.28 下载
- 用ACCESS数据库开发的网站,当随着网站数据量的不断增长.数据库的容量也是不断加大.这让ASP程序速度直线下降.如果才能让ACCESS数据
- 前言之前写过一个关于微信授权登陆的文章传送门最近在做小程序的项目，依旧是商城，又开始研究微信的登陆授权坑，第一次接触小程序，授权登陆也是一塌
- 对于一个初级学习python的人，这将是一个非常简单而有趣的内容；代码非常简单，主要是：随机函数–需要导入random模块与条件语句的一个简
- 正则表达式正则表达式是一种强大的字符串操作工具。它是一种领域特定语言 (DSL)，不管是 Python 还是在大多数现代编程语言中都是作为库
- CentOS mysql安装还是很常用的软件，我就学习如何CentOS mysql安装，在这里拿出来和大家分享一下，希望对大家有用。Cent
- 一开始的目的是学习十大挖掘算法（机器学习算法）,并用编码实现一遍，但越往后学习，越往后实现编码，越发现自己的编码水平低下，学习能力低。这一个
- 一、python numpy + matplotlib 画股票k线图# -- coding: utf-8 --import requests
- 前言首先我们做数据分析，想要得出最科学，最真实的结论，必须要有好的数据。而实际上我们一般面对的的都是复杂，多变的数据，所以必须要有强大的数据
- 各位想必都知道，onfocus="this.blur()"这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有
- 本文实例讲述了python实现基于两张图片生成圆角图标效果的方法。分享给大家供大家参考。具体分析如下：使用pil的蒙版功能，将原图片和圆角图
- 本文实例讲述了Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法。分享给大家供大家参考，具体
- 1. 前言随着互联网的发展和普及，网络安全问题越来越突出，网络在为用户提供越来越多服务的同时，也要面对各类越来越复杂的恶意攻击。SQL注入（
- 什么是集合1.集合是一个可变容器2.集合内的数据对象都是唯一的(不能重复)3.集合是无序的存储结构,集合内的数据没有先后关系4.集合是可迭代
- 前言：昨晚我正在床上睡得着着的，突然来了一条短信。什么？线上的订单无法取消！我赶紧登录线上系统，查看业务日志。发现有MySQL锁超时的错误日
- 监控中，通常要使用图片更直观的看出集群的运行状况。以下是一个简单的demo，通过rrdtool生成动态的图片。Python3, tornad
- 前言之前的一篇文章已经讲过怎样获取链接，怎样获得参数了，详情请看python爬取京东商城普通篇，本文将详细介绍利用python爬虫框架scr
