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