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, '成功' );
}

转载于:https://www.cnblogs.com/qing619/p/8862430.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值