全面的前端编程教程 - 秘密武器开发者中心

热搜:m1 代理 前端 301

elementui下的table表格枚举转化显示

2020-06-16 21:45:20
有时候我们后端给我们返回的数据是1 2 3,
比如:
1代表已完成,2代表完成,3代表待定状态。可是页面上面我们得让用户知道是什么意思吧,总不能显示123这种吧
这时候我们就会用到枚举的方式
 
<el-table
      align="center"
      class="center-table"
      style="text-align: center !important"
      :data="elTables"
    >
      <el-table-column label="序号" sortable="" align="center" type="index" />
      
      <el-table-column label="完成进度" sortable="" prop="complete">
        <template #defaule="{row}">
          {{ enumMap[row.completed] }} 这里的row.completed表示后端返回的标识
        </template>

      </el-table-column>
      </el-table-column>
    </el-table>



emumMap: {
        1: '完成',
        2: '未完成',
        3: '待定'
      }
比较简单记录一下!