根据object.defineProperty的解释，动态新增属性不会更新视图，但我在实践中发现，在修改原有属性之后再新增属性却刷新了。
有人知道是为什么吗？
vue动态新增属性刷新视图
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注因为arr和obj本来就存在，点击按钮相当于修改arr和obj这个两个属性，而不是新增，
你说的新增是相对于arr和obj这两个对象本身，而不是新增vue实例的属性本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2020-11-27 14:15因此，当你直接添加、删除或修改对象的属性时，如果这个属性在初始数据对象上不存在，Vue可能无法检测到变化，导致视图不会同步更新。这个问题在标题和描述中已经明确指出，现在我们将详细讨论如何解决这个问题。 #...
- 2021-08-25 19:53前端开心果的博客 经常遇到给对象新增属性，一般...Vue.$set() 方法，既可以新增属性，又可以触发视图更新 data() { return { personData: { 0: [] } } } ... this.$set(this.personData, 1, []) ... Object.assign() this.pe
- 2022-02-21 10:42Y18.的博客 当我们给data里面声明的对象添加一个新属性，这个新属性是不会动态更新视图的。 举个例子 <template> <div> {{obj}}<br> <button @click="addProperty">动态添加新属性</button> ...
- 2023-03-06 16:43Finaina的博客 数据与视图的更新不一致 多层数据嵌套
- 2021-01-06 19:25Vue 实时刷新数据是指在Vue应用中，当数据发生变化时，视图能够自动更新，无需手动操作。这种功能使得开发者能够构建动态且响应式的用户界面。 Vue.js 的核心特性之一就是数据双向绑定。在传统的JavaScript中，我们...
- 2023-03-16 18:51孙俊熙的博客 vue2更新数据不刷新页面的实现方法
- 2025-02-26 10:06星辰tsy的博客 如果为对象添加少量的新属性，可以直接采用Vue.set()如果需要为新对象添加大量的新属性，则通过Object.assign()创建新对象如果你实在不知道怎么操作时，可采取$forceUpdate()进行强制刷新 (不建议)PS：vue3是用过...
- 2025-02-14 09:00代码里的小猫咪的博客 在 Vue 开发过程中，通常 Vue 的响应式系统会自动处理数据变化并触发视图更新。但在某些特殊情况下，数据虽然改变，但并不会触发视图更新，这时就需要手动强制组件重新渲染。
- 2020-04-04 16:33前端开心果的博客 对于后台传递到前台的数据，接收后，如果想要向数据对象新增属性，普通的新增属性，虽然能够使对象新增属性，但是属性值是不会跟随页面上的视图更新的 data () { return { goods: { id: '', name: '' } } ...
- 2025-05-05 10:39回丶睦的博客 在前端开发中，Vue 的响应式系统是其核心特性之一。然而，在使用 Vue 时，开发者往往会遇到视图更新失败的情况。本文将详细分析 Vue2 和 Vue3 中视图更新失败的常见原因，并提供解决方案，帮助开发者更好地理解 Vue ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月8日
已采纳回答
4月30日-
创建了问题
4月29日