element-ui中的表格数据格式化

element-ui中的表格数据格式化

在向后台请求数据时,经常会发生请求回来的值是一个数字

比如这里明明请求的是聘用形式,返回值却是1

 这个时候就需要前端自己查看文档,确认数字代表什么了.

一般在项目都有一个文件,里面放了枚举的文档,比如这个项目中就是constant文件夹.

 在求中就可以找到数字代表了什么.

 现在,我们知道了数字1代表正式,数字2代表了非正式,现在我们只需要将数字转换成里面的value就可以了.

方法一: find 方法

在methods写入方法

  formfind(num) {
      // 通过id找到对应的元素的value
      const val = hireType.find(it => item.id === num)
      if (val) {
        return val.value
      } else {
        return '不能确定'
      }
      // return  ? '正式' : '非正式'
    }
}

然后使用插槽 获取到数据 直接调用该函数边可以完成格式化

 

方法二:reduce方法

使用reduce方法

 同样写完之后 插槽调用 就可以完成格式化