vue中element下拉框数据有值,但是选中后框里不显示

问题图片:
vue中element下拉框数据有值,但是选中后框里不显示_第1张图片vue中element下拉框数据有值,但是选中后框里不显示_第2张图片

问题
下拉选择能打印到数据,但是选中后框里不显示值;

原因:
出现这个问题 是因为下拉框数据是v-for接口请求来的数据,因为数据层次太多,render函数没有自动更新

解决方法:
在chenge事件里手动强制刷新值

上代码:

<el-select v-model="platformName"  @change="selectPlatform">
     <el-option  v-for="(item,index) in platformNameList" :key="index" :value='item.paltformName' :label='item.paltformName'></el-option>
</el-select>
selectPlatform(){
   this.$forceUpdate()//强制更新
       
}

你可能感兴趣的:(elementUI)