vuetify アーカイブ - inokawablog

【サンプル付き】Vuetifyでログイン画面のテンプレートを作る

よくあるログイン画面を作っていきます。 毎度毎度同じようなものを作っている気がしたので、テンプレートを残しておきます。 typescriptを使用しています。 vuetify typescript 2.2.12 3.8 完成デザイン 完成デザインです。大体のサービスのフォームはこんな感じになっているんじゃないかなと思います。 Vuetifyでログイン画面を作る 共通部分 layouts/auth. […]

最速でvue.jsアプリを作る!様々なUIフレームワークと比較して紹介!

vue.jsで手っ取り早くアプリを作りたいけど、フロントにそんな時間をかけないでそれなりのデザインを作りたい。 何かvue.jsで新しいアプリを作ったりするときは、バックエンド側に集中したりしたいので、このような悩みが出てきますよね。 もし今、UIフレームワークを使ってvue.jsのアプリを作るなら。。。 私はTailwindCSSかVuetifyを選びます 理由としては、以下のような理由で選択し […]

Vuetifyでのバリデーションまとめ(多言語対応)

Vuetifyで多言語対応させる場合、いくつかポイントがあるのでまとめておく。 Vuetifyで普通のバリデーションはこちら Vuetifyでのバリデーションまとめ   laravel + vue で構築している場合多言語を実装するために、vuex-i18nを使用する場合   scriptのdataに$t(‘validation.required’)を定義しても反映されないので […]

Vuetifyでのバリデーションまとめ

Vuefityでのバリデーションをまとめる。 最初にバリデーションの一連の流れを紹介し、その後それぞれのフィールドのバリデーションを確認する。 バリデーションの流れ vuetify rulesメールアドレスのフィールドを例にする template <v-form ref="form" v-model="valid" lazy-validation&gt […]