Vueでのメソッドへのパラメータ渡し
ハンドラとしてバインドされるメソッドにパラメータを渡すことができます。 実際に見てみましょう。 次のメソッドがあるとします。 このメソッドは、表示するメッセージをパラメータとして受け取ります:
methods: {
show: function(str) {
alert(str);
}
}
このメソッドを異なるタグにバインドし、 出力するテキストをパラメータとして渡しましょう:
<template>
<button @click="show('text1')">btn1</button>
<button @click="show('text2')">btn2</button>
</template>
数値をパラメータとして受け取り、alertで
その数値の2乗を表示するメソッドを作成してください。
2つのボタンを作成してください。
最初のボタンをクリックすると数値 2 の2乗を表示し、
2番目のボタンをクリックすると数値 3 の2乗を表示します。