vue中對數組,對象的操作如下


1.  刪除數組中的對象this.$delete

Vue.delete(obj, keyOfItem)

2. 改變數組的對象

this.$set(obj, keyOfItem, newValue)

3. 數組對象直接修改屬性,可以觸發視圖更新

this.array[0].show = true;
this.array.forEach(function(item){
    item.show = true;
});
4.用Object.assign或lodash.assign可以為對象添加響應式屬性,可以觸發視圖更新
//Object.assign的單層的覆蓋前面的屬性,不會遞歸的合並屬性
this.obj = Object.assign({},this.obj,{a:1, b:2})

//assign與Object.assign一樣
this.obj = _.assign({},this.obj,{a:1, b:2})

//merge會遞歸的合並屬性
this.obj = _.merge({},this.obj,{a:1, b:2})
5.splice方法修改數組,可以觸發視圖更新
this.array.splice(indexOfItem, 1, newElement)
 



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM