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

相关推荐
gzzeason11 分钟前
React源码4 三大核心模块之一:Schedule,scheduleUpdateOnFiber函数
开发语言·javascript·ecmascript
十秒耿直拆包选手1 小时前
web:js提示框、询问框、输入框的使用
开发语言·javascript
JosieBook1 小时前
【前端】Vue3 前端项目实现动态显示当前系统时间
前端·vue3·系统时间
Data_Adventure1 小时前
AI让我6天开发完移动端大屏编辑器,卷吗?
前端
MiyueFE1 小时前
Nuxt 4.0 深度解析:从架构革新到实战迁移 🚀
前端·nuxt.js
天天向上的鹿茸1 小时前
web前端用MVP模式搭建项目
前端·javascript·设计模式
wocwin2 小时前
uniapp微信小程序vue3封装时间段范围选择组件
vue.js·微信小程序
暖木生晖2 小时前
动画序列——实现一个div转一圈的效果
前端·css·html·css3·html5
山河木马2 小时前
前端学C++可太简单了:导入标准库
前端·javascript·c++