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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM