element-ui表格数据转换的示例代码

来源：动视网责编：小采时间：2020-11-27 22:09:20

element-ui表格数据转换的示例代码

element-ui表格数据转换的示例代码:业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成男和女呢，这里就需要用到数据转换 formatter属性具体代码如下： <el-tabl

推荐度：

点击下载本文 文档为doc格式

导读element-ui表格数据转换的示例代码:业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成男和女呢，这里就需要用到数据转换 formatter属性具体代码如下： <el-tabl

业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是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对应的值就行了

element-ui表格数据转换的示例代码

推荐度：

点击下载本文 文档为doc格式

标签：转换表格数据

热门焦点

element-ui表格数据转换的示例代码

element-ui表格数据转换的示例代码

element-ui表格数据转换的示例代码

最新推荐

猜你喜欢

热门推荐