vue.js

Vue.js コンポーネントのネイティブイベント

ライブラリのコンポーネントを使ってイベントを購読したいのに
コンポーネントがイベントを提供しなければできないのかと思ったらできた話。

例えば、Vue MaterialのInputコンポーネントでエンターキーイベントを購読したくて
次のように書いても処理されない。

template.vue
<md-input v-model="value" @keyup.enter="pushItem"></md-input>

次のように「.native」をつけることで処理される。

template.vue
<md-input v-model="value" @keyup.native.enter="pushItem"></md-input>

(参考)
ネイティブイベントとコンポーネントのバインディング — Vue.js