当前位置: 首页 > news >正文

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 }
      ]
	}
 }

这样页面加载的时候就会将字典值转换为标签

相关文章:

  • 四款高效数据报表工具 让数据分析更简单
  • TCP的连接建立
  • 解释一下Unity碰撞的触发条件
  • 【LeetCode Solutions】LeetCode 121 ~ 125 题解
  • Unity中根据文字数量自适应长宽的对话气泡框UI 会自动换行
  • 助力 Windows 文件管理:重命名与清理重复文件软件精选
  • leetcode刷题日记——罗马数字转整数
  • 基于SpringBoot + HTML 的心理健康管理系统
  • PHY——LAN8720A 代码解析 (三)
  • HttpClient-01.介绍
  • Libevent UDP开发指南
  • 基于动态渲染与反检测技术的爬虫框架设计
  • Spring笔记05-面向切面编程
  • 每日一题(小白)暴力娱乐篇9
  • 【AI4CODE】4 Trae 锤一个数据搬运工的小应用
  • fpga:分秒计时器
  • 创建虚拟机
  • ChatGPT 的新图像生成器非常擅长伪造收据
  • 3dmax批量转glb/gltf/fbx/osgb/stl/3ds/dae/obj/skp格式导出转换插件,无需一个个打开max,材质贴图在
  • vue实现俄罗斯方块
  • 中国社科院:网文市场超430亿元,作者破3000万人
  • 巴基斯坦称对印精准打击造成设施损坏和人员伤亡
  • 巴基斯坦对印度发起网络攻击,致其约70%电网瘫痪
  • 浙江一民企拍地后遭政府两次违约,“民告官”三年又提起民事诉讼
  • 何立峰将访问瑞士、法国并举行中美经贸高层会谈、第十次中法高级别经济财金对话
  • 博裕基金拟收购“全球店王”北京SKP最多45%股权