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 字段类型保持一致解决此问题

相关推荐
薛定谔的猫23 分钟前
Cursor 系列(3):关于MCP
前端·cursor·mcp
全栈王校长11 分钟前
Vue.js 3 项目构建:从 Webpack 到 Vite 的转变之路
vue.js
sheji341613 分钟前
【开题答辩全过程】以 基于web的拍卖系统设计与实现为例,包含答辩的问题和答案
前端
明月_清风29 分钟前
模仿 create-vite / create-vue 风格写一个现代脚手架
前端·后端
aou29 分钟前
让表格式录入像 Excel 一样顺滑
前端·ai编程
前端付豪29 分钟前
必知 Express和 MVC
前端·node.js·全栈
重铸码农荣光30 分钟前
CSS 也能“私有化”?揭秘模块化 CSS 的防坑指南(附 Vue & React 实战)
前端·css·vue.js
南囝coding30 分钟前
CSS终于能做瀑布流了!三行代码搞定,告别JavaScript布局
前端·后端·面试
ccnocare31 分钟前
git 创建远程分支
前端
全栈王校长31 分钟前
Vue.js 3 项目构建神器:Webpack 全攻略
前端