element el-table 表格渲染数据 后台返回的数据的是状态值 前端需要转换显示文字 快速展示对应的文字

element el-table 表格渲染数据 后台返回的数据的是状态值 前端需要转换显示文字 快速展示对应的文字

1. 比如后端的返回数据state是 0、1、2，分别代表 归档、到期、正常。而我们要在表格中快速的展示出对应的文字。如图所示：
   
2. 直接上代码

 <el-table-column  label="状态">
    <template slot-scope="scope">
        {{ dataState[scope.row.state] }}
      </template>
 </el-table-column>
 data() {
    return {
      dataState: ['归档', '到期', '正常'],
    }
 }

注：如果有两个状态的话 可以采用三元表达式的写法：

<el-table-column  label="状态">
    <template slot-scope="scope">
        {{ scope.row.data_state == 1 ? '到期' : '正常' }}
      </template>
 </el-table-column>