美文网首页
element中el-select显示不更新的问题

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

作者: 你的bug由我造 | 来源:发表于2020-12-07 10:36 被阅读0次
页面 代码

在页面选择设备位置后打印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', '')

相关文章

网友评论

      本文标题:element中el-select显示不更新的问题

      本文链接:https://www.haomeiwen.com/subject/uuuzwktx.html