【Vuetify】v-text-fieldでinputmodeを使う

スマホで操作する際、数字を入れる入力欄で表示されるキーボードは数字がメインの形式になった方が使いやすいですよね。

ただ、入力する内容が金額等でOnBlurした際にカンマを自動で付記するような仕様だと、v-modelをv-model.numberにしたり、type="number"にするとカンマが付かなかったり、入力した内容が(表示上)消えてしまったりします。

なので、カンマを許可するためv-text-fieldの型はあくまでtextで、キーボードだけ数字メインのものにしたい場合どうすればよいのでしょうか。

解決策

v-text-fieldのプロパティにinputmode="numeric"を付ける。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


ABOUTこの記事をかいた人

子どもが産まれたことをきっかけに働き方を見直し、フリーランスSEになった30代の父親。 埼玉県某市在住。 妻と娘(5歳)とペット(フェレット)で、日々悩みながらも楽しく過ごしています。