Vue配列ネストにおける循環配列変化値が応答しない

1207 ワード

Vueにおける配列の動的置換と変更にはタイムリーでない問題があり,公式サイトから与えられた方法によって解決できる.
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);
    },