当我们需要动态更新vue中的数据时。
如下所示,Vue对象被实例化,数据属性指向vueData,现在我们需要从后台加载完整的数据对象
现在我们需要加载和更新完整的数据对象。传统的赋值方法不会导致视图更新,双向绑定会失败。
在上图中,默认的broker_list是一个空对象,加载后,broker_list包含新的项目(ZY98)
解决方法:
$.每个(clientData,function (k,v) { Vue.set(vueData,k,Object.assign({},v));});ClientData是外部初始化的数据。
Object.assign({},v)克隆一个新对象,并将其分配给vueData中的相关项。设置后,视图仍会更新,以确保双向绑定有效。
摘要
以上就是边肖介绍的不更新Vue对象赋值视图的问题和解决方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!