美文网首页
2、data中的对象数据,添加或删除新属性

2、data中的对象数据,添加或删除新属性

作者: 幸福幸福幸福 | 来源:发表于2018-07-16 10:05 被阅读9次

data中的对象数据,在添加或删除新属性时,这个新属性可能不会及时同步更新:

data() {
  return {
    card: {
      name: "Component Test"
    }
  };
},
methods: {
  changeAge() {
    this.card.age++;
  }
},
created() {
  this.card.age = 18;
}

上面这种情况,我们在触发changeAge方法时并不能如愿看到view中绑定age的视图更新。应该采用如下方法:

data() {
  return {
    card: {
      name: "Component Test"
    }
  };
},
methods: {
  changeAge() {
    this.card.age++;
  }
},
created() {
  // this.card.age = 18;
  // 以下两种方法都可以
  // this.$set(this.card, "age", 20);
  this.card = Object.assign({}, this.obj, { age: 20 });
}

相关文章

网友评论

      本文标题:2、data中的对象数据,添加或删除新属性

      本文链接:https://www.haomeiwen.com/subject/lgpvpftx.html