Vue对象赋值视图不更新问题及解决方法
更新时间：2019年06月03日 16:53:37 作者：max82645235
这篇文章主要介绍了Vue对象赋值视图不更新问题及解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
当我们需要对vue里面data数据做动态更新。
如下，实例化了Vue对象，其下vueData为data属性指向，现在我们需要由后台装载完整的data对象
现在我们需要装载更新完整的data对象，常规的赋值方式并不会引起视图的更新，双向绑定会失效。
如上图中默认broker_list为空对象，装载完之后broker_list 包含新项（ZY98）
解决办法：
$.each(clientData, function (k, v) {
Vue.set(vueData,k,Object.assign({}, v));
});
clientData 为外部初始化的数据。
Object.assign({}, v)克隆一个新对象赋值给vueData中相关项，设置完后依然会更新视图，保证双向绑定有效。
总结
以上所述是小编给大家介绍的Vue对象赋值视图不更新问题及解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
MVVM模型主要是为了分离视图(View)和模型(Model)，其优点为：低耦合、可重用性、独立开发以及可测试，视图和模型分离的特点给了 Vue 很大的启发，这篇文章主要介绍了MVVM模型在Vue中的使用,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了Vue 框架之动态绑定 css 样式的方法，本文通过分享小实例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了vue 输入电话号码自动按3-4-4分割功能的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了vue在组件中使用v-model的场景，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
这篇文章主要介绍了Vue vuex配置项和多组件数据共享案例分享，文章围绕Vue Vuex的相关资料展开配置项和多组件数据共享的案例分享，需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了使用Vue3实现羊了个羊的算法,初始化的随机位置算法，通过实例代码介绍了计算偏移量的方法，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-09-09
Vue.js每天必学之指令系统与自定义指令,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了VUE使用draggable实现组件拖拽，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了Vue 样式切换及三元判断样式关联操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
element-ui Upload上传组件动态配置action方式
这篇文章主要介绍了element-ui Upload上传组件动态配置action方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
最新评论