比如后端返回用户的在线状态 通常都是0或者1 虽然我们都知道0不在线在线 但是怎么在el-table上显示出来呢
直接0或者1会给人看着很懵 所以我们需要根据0或者1转成 在线 离线
如下 给table的字段属性中加一个:formatter="function"任意方法名
然后再script里面定义这个方法

      <el-table-column
        prop="Status"
        label="状态"
        fit
        sortable
        align="center"
        :formatter="formatStatus"
      >
      </el-table-column>
methods: {
formatOnline(row, column) {
//这里补充下 参数 row是当前行的所有字段 跟layui的d一样
      //  格式化是否在线
      if (row.Online == 1) {
        return "在线";
      } else if (row.Online == 0) {
        return "离线";
      }
    },
  },

搞定 打完收工

Last modification:October 15, 2022
反正也没人会打赏