Vue.js er et veldig kraftig, lettlært og tilgjengelig bibliotek som med kunnskap om HTML, CSS og Javascript kan vi begynne å bygge webapplikasjoner i det. Vue.js er bygget ved å kombinere de beste funksjonene fra allerede eksisterende Angular og react Frameworks. Det er et progressivt og reaktivt Javascript-rammeverk som brukes til å bygge brukergrensesnitt (brukergrensesnitt) og SPAer (applikasjoner med én side), og derfor elsker utviklerne å kode og føle frihet og komfort mens de utvikler applikasjoner i Vue.js.Hvis vi tar en titt på Event Listening and Handling in Vue.js., vi vil vite at det gir et "v-on" -direktiv for å lytte og håndtere hendelser. Vi kan bruke “v-on” -direktivet til å lytte til DOM og utføre de nødvendige oppgavene. Det gir også mange hendelsesbehandlere. I denne artikkelen vil vi imidlertid bare lære og holde fokus på klikkhendelsene. Så la oss komme i gang!
Akkurat som Javascript's onClick-arrangement, Vue.js gir v-on: klikk for å lytte til hendelser.
Syntaksen for v-on: click-hendelsen vil være slik:
Vue.js gir en forkortelse “@” i stedet for å bruke “v-on” også.
Vue.js stopper ikke bare med å lytte til klikkhendelsen og ringe til funksjonen. Det vil også tillate oss å skrive en hvilken som helst aritmetisk operasjon eller noe som er relatert til Javascript direkte i anførselstegnene “”. Akkurat som dette:
Vue.js gir oss muligheten til å kalle metoden eller funksjonen i en innebygd Javascript-uttalelse, som vist nedenfor:
Bruke Vue.js hendelsesbehandlere, vi kan også få tilgang til DOM-hendelsen ved hjelp av innebygd uttalelse ved å sende Vue.js har spesielt gitt "$ event" -variabelen i metodens argument, akkurat som eksemplet nedenfor:
Vue.js gir oss også anrop til flere funksjoner eller metoder. Vi kan kalle mer enn en funksjon og skille dem med komma, som dette eksemplet:
Vue.js gir også hendelsesendringer.
Event Modifiers
Vi trenger ofte å ringe endringer sammen med hendelsene. Så, Vue.js gir noen av følgende modifikatorer:
.Stoppe
Det vil stoppe overføringen av klikkhendelsen.
.forhindre
Det vil forhindre at siden lastes inn på nytt eller omdirigeres.
.en gang
Det vil utløse klikkhendelsen bare en gang.
.fange
Det brukes mest til å legge til hendelseslytteren.
Vi kan også kjede modifikatorene. Husk imidlertid at rekkefølgen på modifikatorer ikke betyr noe, og det vil påvirke resultatene.
Konklusjon
I denne artikkelen har vi dekket hele Click begivenhetshåndteringskonseptene fra noob til ninja nivå. Vi har lært om de forskjellige syntaksen for å skrive klikkhendelser og de forskjellige måtene å bruke v-on: klikk
direktiv gitt av Vue.js for å gjøre det enkelt for utviklere og forskjellige modifikatorer for hendelser. For mer nyttig innhold som dette, relatert til Vue.js, fortsett å besøke linuxhint.com.