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。这样就能格式化显示为是和否。