码迷,mamicode.com
首页 > 其他好文 > 详细

vue.set动态新增对象属性,触发dom渲染

时间:2018-07-26 13:23:50      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:方法   eset   list   foreach   efi   rop   rod   each   添加   

当我们给一个props或者data中被观测的对象添加一个新的属性的时候,不能直接添加,必须使用Vue.set方法

/**
     * ==== 选择产品 ====
     * 因为vue实现双向数据绑定的机制是数据劫持,也就是在所有对象上有个Object.defineProperty()方法,
     * 通过监听set,get方法去实现,而数组没有这两个方法,所以就不会更新view
     * 解决方案就是,需要我们主动通知vue
     * @param items 当前数据
     * **/
    _selectProduct (items) {
      this.listData.forEach(item => {
        this.$set(item, ‘isSelect‘, (item.order.billcode === items.order.billcode))
      })
    }

 

vue.set动态新增对象属性,触发dom渲染

标签:方法   eset   list   foreach   efi   rop   rod   each   添加   

原文地址:https://www.cnblogs.com/victorlyw/p/9370949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!