vue2修改窗口字典回显
场景:用户在列表选中一条数据,点击修改,在弹出的修改窗口中由于后台返回的是字典值0,1,2,想把它转换为中文的字典标签
下面是代码实现
<el-form-item label="审核状态" prop="auditStatus" >
<el-select v-model="form.auditStatus" placeholder="请选择审核状态" clearable>
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
JS部分:
data() {
return {
// 下拉框的选项数据
statusOptions: [
{ label: '审核中', value: 0 },
{ label: '审核通过', value: 1 },
{ label: '审核不通过', value: 2 }
]
}
}
这样页面加载的时候就会将字典值转换为标签