じゅんぺいVue.jsツイートシェアはてブ送るPocketvee-validateはフォームバリデーションのルールをシンプルに記述できる便利なライブラリです。Vue.jsのテンプレート内にvee-validateのコンポーネントを利用することで、比較的簡単にバリデーションを設定することができます。プラグインファイルの作成pluginsディレクトリにvee-validate.jsを作成します。ja);localize()メソッドでメッセージを日本語することができます。テンプレート例Vuetifyのinputフィールドやボタンのコンポーネントを利用し、フォームを作成しました。<h2>トピック名を入力してください。placeholder="タイトルを入力してください。placeholder="投稿本文を入力してください。</script>123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104<template><div><v-app><v-container><h2>トピック名を入力してください。}"rules="required|max:10"name="タイトル"><v-text-fieldv-model.trim="form.title"label="トピックタイトル"placeholder="タイトルを入力してください。}"rules="required"><v-textareav-model="form.body"name="input-7-1"label="トピック本文"placeholder="投稿本文を入力してください。{this.$router.push('/dashboard');return;}this.$router.push('/')}}}</script><ValidationObserver>タグでフォーム全体を囲み、<ValidationProvider>タグで1つ1つのフォームを囲みます。ValidationProviderタグにname属性を追加することで、画像のようなタイトルは必須項目ですというメッセージを出力することができます。name属性を指定しないと{field}は必須項目です。いった表記になるので注意してください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。フリーランスのプログラマー。PHP、バックエンド開発が得意。