element中el-select显示不更新的问题

页面
代码

在页面选择设备位置后打印this.form.roadWayId已更新,但是页面没有更新显示

问题原因:由于JavaScript的限制,vue不能检测对象属性的添加或者删除。

对于已经创建的实例,Vue不允许动态添加根级别的响应式属性。但是可以使用Vue.set(object,propertyName,value)方法嵌套兑现添加响应式属性。

因为select绑定的是form中的roadWayId,roadWayId最初没有定义在form中,所以roadWayId不是响应式的。

解决方法一:可以直接在form中定义一个roadWayId,这样roadWayId就成了响应式的。


解决方法二:使用this.$set()来显式更新对象的属性。

this.$set(this.form, 'roadWayId', '')

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容