メソッドとイベントハンドリング - vue.js
<div id="example"> <button v-on:click="greet">Greet</button> </div> 私達は greet という名のメソッドに click イベントリスナをバインドします。ここでは、私達の Vue インスタンスでメソッドを定義する方法は以下になります: var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // `methods` オブジェクトの下にメソッドを定義します methods: { greet: function (event) { // 内部メソッドの `this` は vm インスタンスを指します alert('Hello ' + this.name + '!') // `event` はネイティブ DOM イベントです alert(event.target.
メソッドとイベントハンドリング - vue.js
インラインメソッドハンドラメソッド名を直接指定する代わりに、インライン JavaScript 式でメソッドを指定することもできます: <div id="example-3"> <button v-on:click="say('hi')">Say hi</button> <button v-on:click="say('what')">Say what</button> </div> new Vue({ el: '#example-3', methods: { say: function (message) { alert(message) } } }) 結果: 時には、インラインステートメントハンドラでオリジナルの DOM イベントを参照したいこともあるでしょう。特別な $event 変数を使うことでメソッドに DOM イベントを渡すことができます: <button v-on:click=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Vue.js入門】v-on、v-forを使ってみよう！ - Qiita
