欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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的值即可。

相关标签: elementui