Vue配列ネストにおける循環配列変化値が応答しない
1207 ワード
Vueにおける配列の動的置換と変更にはタイムリーでない問題があり,公式サイトから与えられた方法によって解決できる.
プロジェクトの开発の中で出会って、配列の循环の配列、遍歴して配列の中の配列を展示して、手动的にページを分けて、ページを分けて完成した后にDOMの构造がタイムリーに応答していないことを発见して、i西安の配列内の配列がタイムリーに応答していないことを调べて、そこで上の方法を使って、しかしデータは依然として応答されていないで、问题は配列の外で1阶の配列があって、配列のいずれかの配列を変更することはできません.最外層配列を変更することで、深層配列を変更する必要があります.コードは次のとおりです.
vm.$set(vm.items, indexOfItem, newValue)
プロジェクトの开発の中で出会って、配列の循环の配列、遍歴して配列の中の配列を展示して、手动的にページを分けて、ページを分けて完成した后にDOMの构造がタイムリーに応答していないことを発见して、i西安の配列内の配列がタイムリーに応答していないことを调べて、そこで上の方法を使って、しかしデータは依然として応答されていないで、问题は配列の外で1阶の配列があって、配列のいずれかの配列を変更することはできません.最外層配列を変更することで、深層配列を変更する必要があります.コードは次のとおりです.
/
logpagenation(page,item,index){
//page
//item ,
//index
let objx = this.mainData[index]
objx.historyData = []
this.$set(this.mainData,index,objx)
let count;
if (objx.auditRecordList.length - (page - 1) * this.historyPageSize < this.historyPageSize) {
count = objx.auditRecordList.length;
} else {
// , count
count = page * this.historyPageSize;
}
let arrData = []
for (let i = (page - 1) * this.historyPageSize; i < count; i++) {
arrData.push(objx.auditRecordList[i]);
}
let obj = this.mainData[index]
obj.historyData = arrData
this.$set(this.mainData,index,obj);
},