欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于elementui表格formatter列格式化内容展示,顺带处理表格不能显示布尔值的问题。

程序员文章站 2022-06-08 09:22:40
...

最近在做后台管理项目,遇到了后台传给我的数据,其中有一些数据并不能直接展示在表格中,需要做进一步处理,当然如果不嫌麻烦,自己拿来数据一条条进行处理也可以,但我是本着能少写就不写的原则,去elementui官网去搜索了一番,就找到了解决方案,那就是formatter这个参数,是专门用来处理展示内容的,用法如下

这个例子也顺带处理了,表格不展示布尔值的问题。

// 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
}
相关标签: 项目经历 vue.js