タイトル: on:click クリック時のイベント処理
SEOタイトル: 【Veu.js】on:click クリック時のイベント処理(method呼び出し)
v-on:clickディレクティブを使用することでイベント時のハンドリングを行うことが出来る。
以下の例ではボタンに対してv-on:clickディレクティブを使用している。
実装例
| html |
|---|
|
|
| js |
|---|
|
var app = new Vue({ el: '#app', methods: { sampleMethod: function(event) { console.log('This is SampleMethod') } }}) |
出力結果
コンソール欄に
「This is SampleMethod」
と出力