Μετάδοση παραμέτρων σε μέθοδο στο Vue
Μπορούμε να μεταδίδουμε παραμέτρους σε μεθόδους, που δένονται ως χειριστές γεγονότων. Ας δούμε πώς στην πράξη. Ας υποθέσουμε ότι έχουμε την ακόλουθη μέθοδο, που δέχεται ως παράμετρο ένα μήνυμα, που πρέπει να εμφανιστεί:
methods: {
show: function(str) {
alert(str);
}
}
Ας δέσουμε αυτή τη μέθοδο σε διαφορετικές ετικέτες, μεταδίδοντας της ως παράμετρο το κείμενο για εμφάνιση:
<template>
<button @click="show('text1')">btn1</button>
<button @click="show('text2')">btn2</button>
</template>
Δημιουργήστε μια μέθοδο που ως παράμετρο
θα δέχεται έναν αριθμό και μέσω alert
θα εμφανίζει το τετράγωνο αυτού του αριθμού.
Δημιουργήστε δύο κουμπιά. Πατώντας
στο πρώτο κουμπί εμφανίστε
το τετράγωνο του αριθμού 2,
ενώ πατώντας στο δεύτερο -
το τετράγωνο του αριθμού 3.