element-ui的下拉选择框组件el-select,选择点击事件,不显示数据

element-ui的下拉选择框组件时,绑定@change点击事件selectSystemChanged,可以打印,但是不显示数据

<el-form-item label="消费方系统" prop="consumeSystem">
                                <el-select @change="selectSystemChanged" v-    
                                model="applyresource.consumeSystem" 
                                clearable placeholder="请选择...">
                                    <el-option
                                        v-for="item in retList"
                                        :key="item.value"
                                        :label="item.resourceName"
                                        :value="item.resourceCode">
                                        </el-option>
                                </el-select>
                            </el-form-item>

可能原因:因为数据层次太多,render函数没有自动更新,需手动强制刷新、强制刷新

//强制刷新
 this.$forceUpdate()

 selectSystemChanged(value){
               console.log('selectSystemChanged',value)
                console.log('retList',this.retList)
                //强制刷新
                this.$forceUpdate()
}

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页