当前位置:   article > 正文

解决el-select回显异常 显示option选项的value 而不是显示label_el-select 回显出value,非数据问题

el-select 回显出value,非数据问题

废话:今天在使用el-select回显数据的时候 出现回显option选项的value 而不是显示label的问题。以为是渲染的问题,试了很多方法 入 this.$set()  this.$forceUpdate()等等都没有解决。

原因:

回显的value和选项value类型不同
form中v-model="form.seriesId"是字符串类型
option中:value="item.id" 选项id是数字类型

解决方法:
:value="item.id" 改为 :value="item.id+''"(转换成字符串)

  1. <el-form-item :label="系列" prop="seriesId">
  2.   <el-select v-model="form.seriesId" value-key="id" >
  3.     <el-option v-for="item in SeriesList" :key="item.id" :label="item.seriesName"
  4.                :value="item.id+''"/>
  5.   </el-select>
  6. </el-form-item>


 

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

闽ICP备14008679号