Vue beregnet eiendommer ikke oppdaterer; Feilsøkingstrinn

Vue.JS er et veldig populært JavaScript -bibliotek som er kjent for sin reaktivitet, fleksibilitet og intuitivt API. Reaktivitet og fleksibilitet kommer imidlertid med noen ulemper, noe som fører til utviklerens ytelse eller hodepine. Den beregnede egenskapen er et veldig kjent og mest kjent trekk ved Vue.JS, som brukes til å oppdatere en viss variabel eller utføre en vis.

Dette innlegget vil prøve å feilsøke problemene som skjedde når den beregnede egenskapen ikke fungerer eller oppdaterer det vi ønsker. La oss ta en titt på scenariene, hva som kan gå galt, og Vue Computed Property ikke oppdaterer.

Scenario nr. 1:

Først av alt, sørg for at du ikke gjorde noen logisk feil som å implementere feil logikk. For å unngå mulige logiske feil, sjekk følgende ting:

• Kontroller at variabelnavn er riktige.
• Du tar vare på omfangene av variabelen ved å bruke "dette".

Scenario nr. 2:

Den andre tingen du kanskje har tatt feil av den beregnede egenskapen, er at du ikke bryr deg om den beregnede eiendommens bivirkninger som å redigere noen data i en beregnet egenskap eller ringe andre funksjoner. For eksempel å reversere matrisen innen en beregnet egenskap.

Anta at vi har en matrise i komponenten vår.

data()
komme tilbake
Arrvar: [1,2,3]

,

I den beregnede egenskapen reverserer vi matrisen.

beregnet:
arrayReverse ()
Returner dette.Arrvar.omvendt();

Men når vi driver prosjektet, vil det vise en feil med "uventet bivirkning i" arrayReverse "beregnet egenskap.'Fordi den alltid vil gjøre den samme oppgaven igjen og igjen og snu den originale matrisen hver gang.

Så prøv å unngå datamanipulering i den beregnede egenskapen, og det vil fungere helt greit for deg.

Scenario nr. 3:

Et annet scenario kan være at den beregnede egenskapen sitter fast i en uendelig sløyfe, og den holder på å beregne noe. Siden beregnede egenskaper klokker hver variabel som er inkludert i den beregnede egenskapen og reagerer eller blir beregnet på endring av en hvilken. Det begynner å kompatere seg selv på nytt, og den vil ikke kunne komme ut av denne uendelige sløyfen.

Dette er noen av de mulige måtene som kan føre til at den beregnede egenskapen ikke oppdaterer problemet.

Konklusjon

Dette innlegget har gått gjennom de vanligste scenariene utviklerne møtte for vue beregnet egenskap som ikke oppdaterer og gitt dyptgående og til punktet feilsøkingstrinn for hvert scenario. Hvis du fremdeles ikke har funnet løsningen din ennå, kan du gjerne stille spørsmålene dine på Vue Community -plattformene og få spørsmålene dine besvart innen kort tid.