问题描述: el-element中el-select的el-option选中值,但页面框中不显示值,需要输入一个其他框值才显示。或者解决input无法输入值。
/在el-select中写一个事件 @change="change"
<el-form-item prop="aa">
<el-select
v-model="dataForm.aa"
@change="change" //加上这个函数
>
<el-option
v-for="(item, index) in belongToCountryList"
:key="index"
:label="item.text"
:value="item.code"
></el-option>
</el-select>
</el-form-item>
~~~~~~~~~~
change(){
this.$forceUpdate() //其作用就是强制性刷新了一次
}
问题出现原因:
下拉框数据是循环调用接口,数据层次太多,render函数没有自动更新,需手动强制刷新
问题解决思路:
forceUpdate()这个方法也适用一些很深的组件 state 已经改变了的时候,可以在该组件上面调用,解决页面v-for中修改item属性值后页面页面值不改变的问题。