vue $set修改数组

2018/04/17 10:52
阅读数 175

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

因为 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, '成功' );
}
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部