解决vue双向数据绑定无法动态响应问题（深拷贝）

qq_43059674

于 2020-07-22 18:58:26 发布

阅读量851

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_43059674/article/details/107519547

版权

vue 专栏收录该内容

15 篇文章

订阅专栏

本文探讨了Vue中遇到的双向数据绑定无法动态响应的问题，并提出通过深拷贝来解决这一问题。详细介绍了如何使用深拷贝确保Vue能够正确监听对象的变化，从而实现动态更新。

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

下面这种情况vue有时候不能动态的去做响应：

this.skuData = [{name: 'zs',  age: 18, sex: 'man'}, {....}, ...]
var item = {name: 'ls',  age: 100, sex: 'worman'}]; 
this.skuData[0] =  item;

使用$set就能解决这个问题

this.skuData = [{name: 'zs',  age: 18, sex: 'man'}, {....}, ...]
var item = {name: 'ls',  age: 100, sex: 'worman'}]; 
this.$set(this.skuData,  0,  item);

除了数组外当然也可以操作对象，详情参考 vue文档