vue2 中使用element UI 中table组件,后端返回的数据前端做进一步处理,然后展示在表格中

79 阅读1分钟

问题

vue2中使用element UI 中的table组件,后端返回的数据需要进行处理后展示到前端。

代码

// html代码
<el-table-column
  prop="Registrationstate"
  :formatter = "formatter"
  label="是否注册">
</el-table-column>

// 在methods写入方法formatter
//每一行都会触发这个方法,row为table那一行数据保存的对象,index为索引。
formatter(row, index) {
  if (row.Registrationstate == true) {
     row.Registrationstate = "已注册"
  }
  if(row.Registrationstate == false) {
     row.Registrationstate = "未注册"
  }
  return row.Registrationstate
}