Vue对象分配视图未更新及其解决方案

当我们需要动态更新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对象赋值视图的问题和解决方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！