一般来说在后台返回的数据大多是英文或者数字。比如,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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐