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