表格数据形式的转换

后端给到我们前端的是一个数字类型的状态码(1, 2)，每一个状态码对应有中文说明。我们通过枚举的方式转换成文字即可

操作

把资料复制到项目中

枚举数据存放于我们提供的资源/枚举中，可以将枚举下的constant文件夹复制到src/文件夹下。

数据形式如下图所示

代码形式如下 

<el-table-column prop="isFrontDisplay" label="前台是否显示" width="140">
            <template slot-scope="scope">
                  // 调用方法,把需要转换的数据当作参数传进去
                {{ formatEmployment(scope.row.isFrontDisplay) }}            
             </template>
</el-table-column>

<script>
import constant from '@/constant/index.js'
const xingshi = constant.hireType.reduce((total, item) => {   
                             
const key = item.id // item.id要注意和数据文件里的要一样,根据上面的图示,这里应该是item.value 
  const value = item.value     // item.value也是需要改动的
  total[key] = value
  return total
}, {})

methods:{
    // 格式化数据类型
    formatEmployment(val) {
      return xingshi[val] || '未知'
    }
}
</script>