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对象赋值视图不更新问题及解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
vue-router 按需加载 component: () => import() 报错的解决
这篇文章主要介绍了vue-router 按需加载 component: () => import() 报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要为大家介绍了vue不用import直接调用实现接口api文件封装，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要介绍了Pinia安装使用及数据持久化存储的超详细教程，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
WebUploader是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5为主 ， FLASH为辅 的现代 文件上传组件 。这篇文章主要介绍了在Vue项目中使用WebUploader实现文件上传,需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了Vue.js实现简单计时器应用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
这篇文章主要给大家介绍了关于Vue关闭当前弹窗页面的两种方式,这是最近项目中遇到的一个需求,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了Vue 样式切换及三元判断样式关联操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了编写更好的v-for循环的6种技巧，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
这篇文章主要介绍了Vue数据驱动表单渲染,轻松搞定form表单,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率，这篇文章主要介绍了vue-devtools的安装与使用教程,需要的朋友可以参考下2023-03-03
最新评论