Select 选择器 el-option 回显错误 value

离谱 回显的内容不是 label 而是 value 的值

返回官方看说明:

v-model的值为当前被选中的el-option的 value 属性值

value / v-model 绑定值有3种类型 boolean / string / number

根据自身代码猜测是:tableData.bookId 与 item.id 类型不一致导致

html 复制代码
<el-form-item label="父级书签">
            <el-select v-model="tableData.bookId" placeholder="请选择">
              <el-option
                  v-for="item in options"
                  :key="item.id"
                  :label="item.hl"
                  :value="item.id">
              </el-option>
            </el-select>
          </el-form-item>

我将后端的 bookId 字段类型改为 Integer 与 :value="item.id 字段类型保持一致解决此问题

相关推荐
程序猿小D2 分钟前
第28节 Node.js 文件系统
服务器·前端·javascript·vscode·node.js·编辑器·vim
Trae首席推荐官3 分钟前
字节跳动技术副总裁洪定坤:TRAE 想做 AI Development
前端·人工智能·trae
小妖6664 分钟前
uni-app bitmap.load() 返回 code=-100
前端·javascript·uni-app
走,带你去玩5 分钟前
uniapp 时钟
javascript·css·uni-app
前端与小赵10 分钟前
uni-app隐藏返回按钮
前端·uni-app
钢铁男儿26 分钟前
Python内置类型子类化的陷阱与解决方案
开发语言·前端·python
野盒子36 分钟前
前端面试题 微信小程序兼容性问题与组件适配策略
前端·javascript·面试·微信小程序·小程序·cocoa
Hilaku44 分钟前
为什么我不再追流行,而是重新研究了 jQuery
前端·javascript·jquery
兔子121351 小时前
浏览器内容缓存数据量大时的优化方案
前端
G等你下课1 小时前
JavaScript 中 Promise 的深度解析:异步编程的革新之路
前端·javascript