Ichikawaaa https://blog.hatena.ne.jp/Ichikawaaa/ 麺を食べればご機嫌 https://ichikawaaa.hatenablog.com/ 前提 vue@2.6.14 vuetify 2.6.2 どうやって実装した？ VuetifyのフォームコンポーネントにあるRulesプロパティを使った。 Rulesプロパティはルールの規則が格納された配列を指定した。 この指定したルールをもとにバリデーションを行ってくれる仕組みになっている。 コード例 実際に書いてみたコード。 HTML <template lang="pug"> v-container.ma-0.pa-0 v-row( justify='center' align='center' ) v-col(cols='12' xs='12' sm='5') v-text-field(… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fichikawaaa.hatenablog.com%2Fentry%2F2022%2F02%2F13%2F152551" title="Vuetifyのフォームコンポーネントでバリデーションを行う - 麺を食べればご機嫌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-02-13 15:25:51 rich https://ichikawaaa.hatenablog.com/entry/2022/02/13/152551 1.0 100%