Observer不能检测到对象属性的添加

最新推荐文章于 2025-01-03 16:15:48 发布

转载最新推荐文章于 2025-01-03 16:15:48 发布 · 496 阅读

文章标签：

#vue #js

在Vue中，直接修改数组或对象的属性可能不会触发视图更新。文章介绍如何使用Vue的$set方法来确保数据变化能被正确检测，从而更新视图。如果不使用$set，某些情况下，如给服务器端获取的数据添加字段，将导致页面无法响应数据变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载自：https://blog.youkuaiyun.com/shuaimhz/article/details/82758754

通过服务器端获取到的数据，在给数据添加其他字段的时候，JavaScript需要使用set方法

this.$set(this.list[i], 'status', 0)

所以通过 vue 内置的方法去添加属性，vue 就知道对象属性发生了变化了

如果不使用set方法的话，点击某方法改变listview的值得时候，html页面无法响应相关的值。
---------------------
作者：shuaimhz
来源：优快云
原文：https://blog.youkuaiyun.com/shuaimhz/article/details/82758754?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！