monteecristoo https://blog.hatena.ne.jp/monteecristoo/ ᓚᘏᗢ https://monteecristoo.hatenablog.com/ Vuejs updated: 2021/4/27 環境） vue@2.6.12 vuetify@2.3.18 vuex@3.5.1 vuetifyのv-textfieldを使って電話番号のフォームvalidationを実装する フォームのフィールドは電話番号全体で一つとするのではなく、ハイフンで区切って3つのフィールドを持つものとする。 v-textfieldを使った場合, valueはNumber, strどちらでも指定で出来る valueにNumberをパスした場合、入力前はNumber、入力後はvalueはstrとして処理される。 validationは数値をパスされた場合を考慮してString(v… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmonteecristoo.hatenablog.com%2Fentry%2F2020%2F11%2F19%2F191246" title="Vuetifyを使って電話番号フォームのvalidation - ᓚᘏᗢ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/monteecristoo/20201119/20201119185810.png Hatena Blog https://hatena.blog 2020-11-19 19:12:46 rich https://monteecristoo.hatenablog.com/entry/2020/11/19/191246 1.0 100%