Vue

Vue.js Noklikšķiniet uz Notikumi

Vue.js Noklikšķiniet uz Notikumi

Vue.js ir ļoti spēcīga, viegli apgūstama un pieejama bibliotēka, kurā ar HTML, CSS un Javascript zināšanām mēs varam sākt tajā veidot tīmekļa lietojumprogrammas. Vue.js ir veidots, apvienojot labākās iezīmes no jau esošajiem leņķa un reakcijas ietvariem. Tas ir progresīvs un reaģējošs Javascript ietvars, kas tiek izmantots, lai izveidotu lietotāja saskarnes (lietotāja saskarnes) un SPA (vienas lapas lietojumprogrammas), tāpēc izstrādātājiem patīk kodēt un izjust brīvību un komfortu, izstrādājot lietojumprogrammas Vue.js.Ja mēs ieskatīsimies notikumu klausīšanās un apstrādē Vue.js., mēs zināsim, ka tā nodrošina “v-on” direktīvu, lai klausītos un rīkotos ar notikumiem. Mēs varam izmantot “v-on” direktīvu, lai klausītos DOM un veiktu nepieciešamos uzdevumus. Tas nodrošina arī daudzus pasākumu apstrādātājus. Tomēr šajā rakstā mēs uzzināsim un koncentrēsimies tikai uz klikšķu notikumiem. Tātad, sāksim darbu!

Tāpat kā Javascript onClick notikums, Vue.js nodrošina v-on: click, lai klausītos notikumus.

V-on: click notikuma sintakse būtu šāda:

Vue.js nodrošina stenogrammu “@”, tā vietā, lai izmantotu arī “v-on”.

Vue.js neapstājas tikai ar klikšķa notikuma klausīšanos un funkcijas izsaukšanu. Tas arī ļaus mums pēdiņās “” tieši ierakstīt jebkuru aritmētisko darbību vai visu, kas saistīts ar Javascript. Tieši šādi:

Vue.js nodrošina iespēju izsaukt metodi vai funkciju iekļautajā Javascript paziņojumā, kā parādīts zemāk:

Izmantojot Vue.js notikumu apstrādātāji, mēs varam piekļūt arī DOM notikumam, izmantojot inline paziņojumu, nokārtojot Vue.Js metodes argumentā ir īpaši norādījis mainīgo “$ event”, tāpat kā zemāk redzamo piemēru:

Vue.js arī mums ļauj izsaukt vairākas funkcijas vai metodes. Mēs varam izsaukt vairākas funkcijas un atdalīt tos ar komatiem, piemēram, šo piemēru:

Vue.js nodrošina arī notikumu modifikatorus.

Notikumu modifikatori

Mums bieži vien kopā ar notikumiem ir jāzvana modifikatoriem. Tātad, Vue.js nodrošina dažus no šiem modifikatoriem:

.apstāties

Tas pārtrauks klikšķa notikuma pārraidi.

.novērst

Tas neļaus lapu atkārtoti ielādēt vai novirzīt.

.vienreiz

Tas aktivizēs klikšķa notikumu tikai vienu reizi.

.sagūstīt

To galvenokārt izmanto, lai pievienotu notikumu klausītāju.

Mēs varam ķēdēt arī modifikatorus. Tomēr paturiet prātā, ka modifikatoru kārtībai ir nozīme, un tā ietekmēs rezultātus.

Secinājums

Šajā rakstā mēs esam apskatījuši visus Click notikumu apstrādes jēdzienus no noob līdz ninja līmenim. Mēs esam uzzinājuši par dažādām klikšķu notikumu rakstīšanas sintaksēm un dažādiem izmantošanas veidiem v-on: noklikšķiniet direktīvu nodrošina Vue.js izstrādātāju un dažādu notikumu modifikatoru ērtībai. Lai iegūtu vairāk noderīga šāda veida satura, kas saistīts ar Vue.js, turpiniet apmeklēt linuxhint.com.

Rakstot Windows 10, kursors lec vai pārvietojas nejauši
Ja atklājat, ka peles kursors automātiski, nejauši lec vai pārvietojas pats, rakstot Windows klēpjdatorā vai datorā, daži no šiem ieteikumiem var palī...
Kā mainīt peles un skārienpaliktņu ritināšanas virzienu operētājsistēmā Windows 10
Pele un SkārienpaliktnisTas ne tikai padara skaitļošanu vienkāršu, bet arī efektīvāku un mazāk laikietilpīgu. Mēs nevaram iedomāties dzīvi bez šīm ier...
Kā mainīt peles rādītāja un kursora izmēru, krāsu un shēmu operētājsistēmā Windows 10
Peles rādītājs un kursors operētājsistēmā Windows 10 ir ļoti svarīgi operētājsistēmas aspekti. To var teikt arī par citām operētājsistēmām, tāpēc pati...