Vue.JS klikk på hendelser

Vue.JS er et veldig kraftig, lett å lære og tilgjengelig bibliotek som med kunnskap om HTML, CSS og JavaScript, kan vi begynne å bygge webapplikasjoner i IT. Vue.JS er bygget ved å kombinere de beste funksjonene fra allerede eksisterende kantete og reagere rammer. Det er et progressivt og reaktivt JavaScript-rammeverk som brukes til å bygge brukergrensesnitt (brukergrensesnitt) og spa (en-siders applikasjoner), og det er grunnen til at utviklerne elsker å kode og føle frihet og komfort mens de utvikler applikasjoner i Vue.JS.Hvis vi tar en titt på arrangementet som lytter og håndterer Vue.JS., Vi vil vite at det gir et "V-On" -direktiv for å lytte og håndtere hendelser. Vi kan bruke "V-On" -direktivet for å 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 vårt fokus på klikkhendelsene. Så la oss komme i gang!

Akkurat som JavaScripts OnClick -arrangement, Vue.JS gir V-ON: Klikk for lyttehendelser.

Syntaks for V-ON: Klikkhendelse vil være slik:

Vue.JS gir en shorthand “@” i stedet for å bruke “V-On” også.

Vue.JS stopper ikke i å bare lytte til klikkhendelsen og ringe funksjonen. Det vil også tillate oss å direkte skrive enhver aritmetisk operasjon eller noe relatert til JavaScript i anførselstegnene "". Akkurat som dette:

Vue.JS gir oss å kalle metoden eller funksjonen i en inline JavaScript -setning, som vist nedenfor:

Bruker vue.JSs begivenhetshåndterere, vi får tilgang til DOM -arrangementet også ved å bruke inline -uttalelsen, ved å passere Vue.JS er spesielt gitt "$ event" -variabel i metodens argument, akkurat som eksemplet nedenfor:

Vue.JS gir oss også å kalle flere funksjoner eller metoder. Vi kan ringe mer enn en funksjon og skille dem etter komma, som dette eksemplet:

Vue.JS gir også hendelsesmodifiserere.

Hendelsesmodifiserere

Vi trenger ofte å kalle modifikatorer sammen med hendelsene. Så, vue.JS gir noen av følgende modifikatorer:

.Stoppe

Det vil stoppe klikkhendelsens overføring.

.forhindre

Det vil forhindre at siden skal laste inn eller omdirigere på nytt.

.en gang

Det vil bare utløse klikkhendelsen en gang.

.fange

Det brukes mest til å legge til hendelseslytteren.

Vi kan lenke modifikatorene også. Husk imidlertid at rekkefølgen på modifikatorer betyr noe, og det vil påvirke resultatene.

Konklusjon

I denne artikkelen har vi dekket hele klikkhåndteringskonseptene fra noob til ninja -nivå. Vi har lært om de forskjellige syntaksene med å skrive klikkhendelser og de forskjellige måtene å bruke V-ON: Klikk Direktiv levert av Vue.JS for letthet av utviklere og forskjellige hendelsesmodifiserere. For mer nyttig innhold som dette, relatert til vue.JS, fortsett å besøke Linuxhint.com.