Vue.js yra labai galinga, lengvai išmokstama ir prieinama biblioteka, kurioje žinodami HTML, CSS ir „Javascript“ galime pradėti kurti joje žiniatinklio programas. Vue.„js“ sukurtas derinant geriausias jau esamų „Angular“ ir „reagavimo rėmų“ savybes. Tai progresyvi ir reaktyvi „Javascript“ sistema, naudojama kuriant vartotojo sąsajas (vartotojo sąsajas) ir SPA (vieno puslapio programas), todėl kūrėjai mėgsta koduoti ir jaučia laisvę bei patogumą kurdami programas „Vue“.js.Pažvelkime į renginių klausymą ir tvarkymą Vue.js., žinosime, kad jame pateikiama „įjungimo“ direktyva klausytis ir valdyti įvykius. Mes galime naudoti „v-on“ direktyvą, norėdami išklausyti DOM ir atlikti reikalingas užduotis. Tai taip pat teikia daug renginių tvarkytojų. Tačiau šiame straipsnyje mes mokysimės ir sutelksime dėmesį tik į paspaudimų įvykius. Taigi, pradėkime!
Kaip ir „Javascript“ „onClick“ įvykis, „Vue“.js teikia „v-on: click“, jei norite klausytis įvykių.
„V-on: click“ įvykio sintaksė būtų tokia:
Vue.js pateikia ne „v-on“, bet ir trumpinį „@“.
Vue.js nenustoja tiesiog klausytis paspaudimo įvykio ir iškviesti funkciją. Tai taip pat leis mums tiesiogiai rašyti bet kokią aritmetinę operaciją ar ką nors, kas susiję su „Javascript“ kabutėse „“. Būtent taip:
Vue.js suteikia mums galimybę iškviesti metodą ar funkciją tiesioginiame „Javascript“ sakinyje, kaip parodyta žemiau:
Naudojant „Vue“.js įvykių tvarkytojai, mes taip pat galime pasiekti DOM įvykį, naudodamiesi tiesioginiu sakiniu, praleidę „Vue“.JS metodo argumente ypač pateikia kintamąjį „$ event“, kaip ir toliau pateiktame pavyzdyje:
Vue.js taip pat suteikia galimybę iškviesti kelias funkcijas ar metodus. Mes galime iškviesti daugiau nei vieną funkciją ir atskirti jas kableliais, pavyzdžiui, šiame pavyzdyje:
Vue.js taip pat pateikia įvykių modifikatorius.
Įvykių modifikatoriai
Kartu su įvykiais dažnai turime kviesti modifikatorius. Taigi, Vue.„js“ pateikia keletą šių modifikatorių:
.sustabdyti
Tai sustabdys paspaudimo įvykio perdavimą.
.užkirsti kelią
Tai neleis puslapio iš naujo įkelti ar peradresuoti.
.kartą
Tai suaktyvins paspaudimo įvykį tik vieną kartą.
.užfiksuoti
Jis dažniausiai naudojamas norint pridėti įvykių klausytoją.
Modifikatorius galime susieti ir grandinėmis. Tačiau nepamirškite, kad modifikatorių tvarka yra svarbi ir tai turės įtakos rezultatams.
Išvada
Šiame straipsnyje aptarėme visas „Click“ įvykių tvarkymo koncepcijas nuo „noob“ iki „ninja“ lygio. Sužinojome apie skirtingas paspaudimų įvykių rašymo sintakses ir skirtingus naudojimo būdus „v-on“: spustelėkite
direktyvą pateikė Vue.js kūrėjams ir skirtingiems įvykių modifikatoriams patogumui. Daugiau naudingo turinio, panašaus į šį, susijusį su „Vue“.js, nuolat lankykis linuxhint.com.