Vue数据更新，视图DOM不更新

最新推荐文章于 2024-06-26 14:22:39 发布

mySmileCC

最新推荐文章于 2024-06-26 14:22:39 发布

阅读量314

点赞数

文章标签： vue javascript typescript

本文链接：https://blog.csdn.net/qq_43218707/article/details/119773715

版权

本文探讨了在Vue.js应用中如何处理对象和数组的变化，特别是当对象属性或数组内的对象发生变动时。针对对象变化，推荐使用`this.$set()`方法确保数据响应性。对于数组中对象的更新，建议通过创建新的对象并替换原有数组元素来保持视图同步。这种方法涉及数组的`slice()`和扩展运算符。

摘要由CSDN通过智能技术生成

一般这种情况出现在数组和对象发生变化时，
若是对象，使用this. $s e t () = > t h i s .$ $set( target, key, value )
若是数组中包含的对象发生变化，将该对象整个替换:
newData={
…array[idx],
/*更改的值/
}
array=[…array.slice(0,idx),newData,…array.slice(idx+1)]