Elementui输入框/下拉框动态渲染无法选中
程序员文章站
2022-06-07 15:31:53
...
问题描述:
在使用Vue框架和element-ui开发时,下拉框遇见一个问题,其选项是动态渲染的,页面选择时某一选项后,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框值无法选中。
出现原因:
出现这个问题是因为下拉框数据是动态渲染的,因为数据太多或层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。除此原因之外,还有可能是数据双向绑定的问题,例如v-model=“obj.value”,但data中的obj={},导致数据双向绑定某些时候不成功,所以无法设置此下拉框/输入框的值。
解决方法:
写一个方法,在select的change事件中调用此方法,运用 this.$forceUpdate()强制刷新,页面正常选值。
change(){
this.$forceUpdate()
}
若是数据双向绑定的问题,则在obj中初始化value的值即可。
上一篇: linux 命名管道实例详解
下一篇: Android 自定义标尺滑动选择值