Parametrien välittäminen metodiin Vue:ssa
Parametreja voidaan välittää metodeille, jotka on sidottu tapahtumankäsittelijöinä. Katsotaan käytännössä. Oletetaan, että meillä on seuraava metodi, joka parametrina vastaanottaa viestin, joka tulostetaan:
methods: {
show: function(str) {
alert(str);
}
}
Sidotaan tämä metodi eri elementteihin, välittäen sille parametrina tekstin tulostusta varten:
<template>
<button @click="show('text1')">btn1</button>
<button @click="show('text2')">btn2</button>
</template>
Tee metodi, joka parametrina
vastaanottaa numeron ja alert:in kautta
tulostaa sen neliön.
Tee kaksi painiketta. Ensimmäistä painiketta painamalla
tulosta
luvun 2 neliö,
ja toista painiketta painamalla -
luvun 3 neliö.