VUE开发中，数据变化后，修改了绑定对象的属性值后，页面dom没有发生变化，两种方法可以重新渲染$set和$forceUpdate
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了VUE开发中，数据变化后，修改了绑定对象的属性值后，页面dom没有发生变化，两种方法可以重新渲染$set和$forceUpdate，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含650字，纯文字阅读大概需要1分钟。
内容图文
最近在开发中遇到一个在form表单对象里，有个图片上传的组件，上传成功后返回数据赋值后，图片没有展示出来
当我上传图片成功后给form.imgUrl赋值后，页面并没有出现图片的缩略图
该怎么解决呢：
方法1.$set
// 上传成功回调函数
handleAvatarSuccess(res, file) {
this.$set(this.form,‘imgUrl‘,res.data);
},
方法2.$forceUpdate
handleAvatarSuccess(res, file) {
this.form.imgUrl = res.data;
this.$forceUpdate();
},
$set官方api
vm.$set( target, propertyName/index, value )
参数：
{Object | Array} target
{string | number} propertyName/index
{any} value
返回值：设置的值。
用法：
这是全局 Vue.set 的别名。
$forceUpdate
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
解决后成功渲染good
原文：https://www.cnblogs.com/bobo1/p/12718112.html
内容总结
以上是互联网集市为您收集整理的VUE开发中，数据变化后，修改了绑定对象的属性值后，页面dom没有发生变化，两种方法可以重新渲染$set和$forceUpdate全部内容，希望文章能够帮你解决VUE开发中，数据变化后，修改了绑定对象的属性值后，页面dom没有发生变化，两种方法可以重新渲染$set和$forceUpdate所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。