element-ui表格数据转换
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
一般来说在后台返回的数据大多是英文或者数字。比如,1代表男;2代表女。如何在element-ui中实现转换呢。
需要用到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' ? "年级主任" : "班主任";
}
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)