Print

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

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/kuangjia/194851.html

有时候我们后端给我们返回的数据是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: '待定'
      }
比较简单记录一下！
 

更多 建站问答 请访问 https://www.mimiwuqi.com/kuangjia/