はじめに vee-validateで覚えたことを下記にまとめる <validation-provider>タグを利用するとレイアウトが崩れる現象に遭遇したので、その時のメモ。 レイアウトが崩れるコード <validation-provider>を埋め込むとdivタグが自動で生成されるため、レイアウトが崩れていた。 <validation-provider rules="required|nameKanji:@姓,@名" name="姓" > <div class="hogehoge"> <p class="inputform_input-title"> 姓 </p> </div></validation-provider></validation-provider></validation-provider>

はじめに 前回、nuxtjs+vuetifyjs/vee-validateを調査しましたが、vuetifyjsを利用しない場合の実装方法が異なったので調査した内容を下記にまとめました。 px-wing.hatenablog.com コード plugins/vee-validate.jsファイルを作成して利用するルールやエラー…

はじめに 下記のvuetifyjs css Frameworkをnextjsに適用する vuetifyjs.com インストールと設定 $ yarn add @nuxtjs/vuetify $ yarn add vee-validate nuxt.config.jpファイルに下記の記述を追加する buildModules: [ (省略) '@nuxtjs/vuetify' ], vuetifyjs…