スリ飯屋Malankaのフリーエンジニアな日々

IT実務未経験から約1年、東京でフリーランスのRuby on Railsエンジニアに転職。約2年半、大阪中崎町でスリランカカレーの間借りしてました。フリーランスエンジニアになるためのノウハウ、スリランカの事を発信していきます。

【Vue.js】スマホで日本語入力時、keyupイベントが動作しない

Vue.jsで、keyupイベントでinputエリアに文字列を入力する度に検索をかける機能を実装。

が、スマホで日本語を確定入力した時に、動作しないことが発覚。

調査すると、keyupイベント が動いていないことが原因。

inputイベント に変更することで対応出来ました。

以下の記事を参考にさせて頂きました。

1、 keydown,keypress,keyup,inputについての補習 https://blog.3qe.us/entry/2017/08/05/215941

inputまたはselect, textareaの値(value属性)が変化したときに発火する

2、 Vueの基本イベント全17実例! https://blog.capilano-fw.com/?p=2787

qiita.com