黑马程序员技术交流社区

标题: vue中对象动态新增的属性如何达到响应式的效果 [打印本页]

---

作者: LeePK    时间: 2021-1-15 15:14
标题: vue中对象动态新增的属性如何达到响应式的效果
            给data中的对象动态新增的属性，不能够有响应式的效果，也就是说不能触发视图更新
            如果想要有响应式效果
            1. 就需要提前，在对象中先把属性声明好 在obj中一开始就添加好age属性，哪怕不给值
            data: {
              obj: {
                name: 'lw',
                age: undefined
              }
            }
            再 this.obj.age = 18;
            2. 如果确实需要动态的给obj对象添加age属性，那么我们可以用到vue中提供的$set方法
            这个方法，可以动态的给数据添加响应式的属性！
            this.$set(this.obj, 'age', 18)

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2