VuetifyのText fieldでのカンマ区切りの方法

Question

Vuetifyを使用しサイトを構築しています。
そこでText fieldのMaskを使用して、金額のカンマ区切りをおこなおうとしています。

しかし、下記のようにするとmaskを設定すると入力しいている途中では、
意図した位置にカンマがつきません。

mask: '###,###'

Vuetifyでカンマ区切りをする方法はあるのでしょうか？

よろしくお願い致します。

https://vuetifyjs.com/en/components/text-fields

Answer 1

VuetifyのText fieldのMaskでは正常な金額のカンマ区切りを実現できません。
v-moneyを併用してみてください。

サンプル:
https://jsfiddle.net/ryoju/s8vdafyc/4/

money変数でv-moneyの設定を行い、maxlengthで最大金額を制限しております。

Comments

[Shu_Abe]

ありがとうございます！
解決できました！

[退会済みユーザー]

良かったです！