当前位置:   article > 正文

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

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

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

返回官方看说明:

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

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

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

  1. <el-form-item label="父级书签">
  2. <el-select v-model="tableData.bookId" placeholder="请选择">
  3. <el-option
  4. v-for="item in options"
  5. :key="item.id"
  6. :label="item.hl"
  7. :value="item.id">
  8. </el-option>
  9. </el-select>
  10. </el-form-item>

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/82306
推荐阅读
相关标签
  

闽ICP备14008679号