vue element select下拉框回显展示数字

vue element select下拉框回显展示数字

  1. 问题截图:

    下拉框显示数字可以从数据类型来分析错误,接收的数据类型是字符串,但是value数字类型
javascript 复制代码
<el-form-item prop="classifyLabelId" :label="$t('item.classifyLabelId')">
  <el-select v-model="dataForm.classifyLabelId" clearable placeholder="请选择">
    <el-option v-for="classifyLabel in classifyLabelOptions" :key="classifyLabel.id" :label="classifyLabel.label" :value="classifyLabel.id">
    </el-option>
  </el-select>
</el-form-item>

传的参数和接收的数据类型一直才不会出现错误,所以将value改成字符串就可以了

javascript 复制代码
<el-form-item prop="classifyLabelId" :label="$t('item.classifyLabelId')">
  <el-select v-model="dataForm.classifyLabelId" clearable placeholder="请选择">
    <el-option v-for="classifyLabel in classifyLabelOptions" :key="classifyLabel.id" :label="classifyLabel.label" :value="classifyLabel.id + ''">
    </el-option>
  </el-select>
</el-form-item>
相关推荐
gnip12 分钟前
项目开发流程之技术调用流程
前端·javascript
答案—answer12 分钟前
three.js编辑器2.0版本
javascript·three.js·three.js 编辑器·three.js性能优化·three.js模型编辑·three.js 粒子特效·three.js加载模型
转转技术团队26 分钟前
多代理混战?用 PAC(Proxy Auto-Config) 优雅切换代理场景
前端·后端·面试
南囝coding27 分钟前
这几个 Vibe Coding 经验,真的建议学!
前端·后端
gnip41 分钟前
SSE技术介绍
前端·javascript
yinke小琪1 小时前
JavaScript DOM节点操作(增删改)常用方法
前端·javascript
枣把儿1 小时前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
望获linux1 小时前
【Linux基础知识系列】第四十三篇 - 基础正则表达式与 grep/sed
linux·运维·服务器·开发语言·前端·操作系统·嵌入式软件
爱编程的喵1 小时前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
喜欢吃豆1 小时前
深入企业内部的MCP知识(三):FastMCP工具转换(Tool Transformation)全解析:从适配到增强的工具进化指南
java·前端·人工智能·大模型·github·mcp