Element-UI的使用总结

前言

基本使用

整理总结

el-table-column 中 boolean 类型的使用

场景

某些字段是 Boolean 类型,数据库中存储的是 1 和 0,怎么将其格式化为是和否?

实现

1
<el-table-column label="是否跨天" align="center" prop="sfkt" :formatter="sfktFormate" />

添加 formatter 属性

1
2
3
4
5
6
7
    sfktFormate(row, index) {
      if (row.sfkt == 1) {
        return "是";
      } else {
        return "否";
      }
    },

其中 row 就是传递的当前行对象,row.sfkt 要对应上面 prop 的 sfkt。这样就能格式化显示为是和否。

------ 本文结束 ------

版权声明

Medivh's Notes by Medivh is licensed under a Creative Commons BY-NC-ND 4.0 International License.
Medivh创作并维护的Medivh's Notes博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证
本文首发于Medivh 博客( http://www.mknight.cn ),版权所有,侵权必究。