くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

VeeValidate

yupのエラーメッセージを日本語化する

Vee-Validate v4を試したときに、 validationルールでYupを利用したけど、 メッセージが英語だったので、日本語化してみたときの備忘録。 www.memory-lovers.blog pocka/yup-locale-jaを使えばOKだった(*´ω`*) 使い方 まずはインストール $ npm i yup yup-l…

Vue3対応版のVee-Validate4がかなり変わっていた

Vee-Validate3を使ってたけど、Vue3を利用しているので、 Vue3対応版のVee-Validate4を試してみたときに備忘録。 かなり変わっているので、びっくりする(*´ω`*) 主な変更点 ValidationProviderなどで囲わなくなり、 Form、Fieldなどのコンポーネントが提供…

VeeValidateで開始日/終了日のバリデーションをチェックする

NuxtアプリのバリデーションにはVeeValidateを使っているけど、 開始日/終了日みたいな相関チェックをしたいなと思ったときの備忘録。 v2だとあるようだけど、v3だとなくなってしまったぽい。。(´・ω・`) HTML HTMLだとこんな感じ。 追加するルールはafter:…

validator.jsとVee-ValidateでURL形式チェック

Nuxt(Vue)のバリデーションにVeeValidateを使っているけど、 用意されているルールにURLの形式チェックが無かったので、対応したときの備忘録。 validator.jsを使ってカスタムルールを作成する感じ。 作成したルール /plugins/vue-validate.tsはこんな感じ。…