当前位置: 首页 > 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 }
      ]
	}
 }

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


文章转载自:
http://burletta.pzdurr.cn
http://arachnidan.pzdurr.cn
http://apnoea.pzdurr.cn
http://borage.pzdurr.cn
http://byroad.pzdurr.cn
http://angell.pzdurr.cn
http://bennery.pzdurr.cn
http://apotropaion.pzdurr.cn
http://bowling.pzdurr.cn
http://agrimotor.pzdurr.cn
http://adermin.pzdurr.cn
http://aerophone.pzdurr.cn
http://bdst.pzdurr.cn
http://bunt.pzdurr.cn
http://cascalho.pzdurr.cn
http://acetate.pzdurr.cn
http://bubonic.pzdurr.cn
http://bta.pzdurr.cn
http://apotheosize.pzdurr.cn
http://bewitching.pzdurr.cn
http://benzoyl.pzdurr.cn
http://barred.pzdurr.cn
http://carucage.pzdurr.cn
http://assured.pzdurr.cn
http://accuse.pzdurr.cn
http://cenozoic.pzdurr.cn
http://accommodative.pzdurr.cn
http://apriorism.pzdurr.cn
http://asbestos.pzdurr.cn
http://camping.pzdurr.cn
http://www.dtcms.com/a/105558.html

相关文章:

  • 四款高效数据报表工具 让数据分析更简单
  • 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实现俄罗斯方块
  • MMD 转 STL,拓宽 3D 模型应用边界:方法与门道
  • 《JVM考古现场(十五):熵火燎原——从量子递归到热寂晶壁的代码涅槃》
  • 二分答案 + P8800 [蓝桥杯 2022 国 B] 卡牌 - 题解
  • 网络安全设备介绍:防火墙、堡垒机、入侵检测、入侵防御
  • UniApp集成极光推送详细教程
  • 多模态大语言模型arxiv论文略读(三)
  • Python - 爬虫-网页抓取数据-库urllib
  • 机器视觉之光源选型
  • 微服务的简单认识
  • JAVA:使用 Curator 进行 ZooKeeper 操作的技术指南