比如:
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: '待定'
}
比较简单记录一下!