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 }
      ]
	}
 }这样页面加载的时候就会将字典值转换为标签

