关于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
}
上一篇: Swift - Optional Chaining
下一篇: Swift Optional学习笔记