スマホで操作する際、数字を入れる入力欄で表示されるキーボードは数字がメインの形式になった方が使いやすいですよね。
ただ、入力する内容が金額等でOnBlurした際にカンマを自動で付記するような仕様だと、v-modelをv-model.number
にしたり、type="number"
にするとカンマが付かなかったり、入力した内容が(表示上)消えてしまったりします。
なので、カンマを許可するためv-text-fieldの型はあくまでtextで、キーボードだけ数字メインのものにしたい場合どうすればよいのでしょうか。
解決策
v-text-fieldのプロパティにinputmode="numeric"
を付ける。
コメントを残す