Usein kohtaamme datamuutoksia Vuessa, mutta näkymää ei voi päivittää, joten olen tiivistänyt muutamia tällaisia tilanteita:
1. V-for:n läpikäymässä taulukossa, kun taulukon sisältö käyttää arr[0].xx =xx datan muuttamiseen, Vue ei pysty havaitsemaan sitäTaulukon datan muutokset: Käytämme joitakin menetelmiä taulukoiden käsittelyyn, ja kun dataa muutetaan, joitakin menetelmiä Vue ei voi valvoa, kun taas toisia voi
Vue käärii useita taulukon operaatioita, ja näillä menetelmillä muokattavia taulukoita Vue valvoo niiden tietojen muuttuessa:
push()
pop()
shift()
unshift()
liitos()
sort()
reverse()
vue2.0 lisää myös metodin Vue.set(items, indexOfItem, newValue) havaitsemiseen.
filter(), concat(), slice() 。 Nämä eivät muuta alkuperäistä taulukkoa, mutta palauttavat aina uuden taulukon. Kun käytät ei-mutaatiomenetelmää, voit korvata vanhan taulukon uudella
Vue ei pysty havaitsemaan taulukoita, jotka muuttavat seuraavia:
(1) Kun asetat kohteen suoraan indeksillä, vm.items[indexOfItem] = newValue
(2) Kun muokkaat taulukon pituutta, esimerkiksi: vm.items.length = newLength
Ilman sen pidempiä puheita, lataa koodi ja liitä renderöinnit:
Edellä mainitut ovat kaksi ratkaisua taulukoille, joita Vue ei pysty havaitsemaan datan muutoksia
Muuta add()-menetelmä koodissasi muotoon
Listan päivitystiedot:Hyperlinkin kirjautuminen on näkyvissä.Taulukkopäivitysten tunnistus
Syväsukellus reagoiviin periaatteisiin:Hyperlinkin kirjautuminen on näkyvissä.
|
Julkaistu 20.8.2018 13.05.58
|
|
|
|
