vue $set修改数组

看了别人写的,自己简单写一下自己的理解。

因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化所以,想要正常是不能通过操作数组来渲染dom的,解决的方法是通过set方法, 在组件中用的是 实例方法

vm.$set( target, key, value )


  data: {  

    items: [{  

      name: 'xiao1'  

       }, {  

      name: 'xiao2'  

    }, {  

      name: 'xiao3'  

    }]  

 }, 

methods: {
      test() {

       vm.items.$set(2, {name: 'xiao4!'})  

         this.$set(this.items,2,{name: 'xiao4!'})
      }
}

 

 

var _this=this
for (var i = 0; i <this.len;i++) {
  if(_this.userMsg[i] === '成功');
    _this.$set(_this.userMsg, i, '成功');
}
posted @ 2018-04-17 10:52  青青子衿619  阅读(41858)  评论(0编辑  收藏  举报