Vee-Validateの使用方法

この記事ではVee-Validateの詳しい使い方を中心に紹介していますが、編集者がとても良いと思ったので、参考としてシェアさせていただきます。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

概要:

npm install vee-validate --save

vue コード:

import VeeValidate from 'vee-validate';
import zh_CN from 'vee-validate/dist/locale/zh_CN'; //中国語パッケージを導入すると、プロンプト情報が中国語形式で表示されます。
import { Validator } から 'vee-validate';

Validator.addLocale(zh_CN); // プロンプト情報を中国語で表示するように設定します。

const 構成 = {
errorBagName: 'エラー',
フィールドバッグ名: 'フィールド',
遅延: 100、
ロケール: 'zh_CN',
厳密: 真、
EnableAutoClasses: true、
イベント: 'ぼかし'、
挿入: true
};

// カスタム プロンプト情報
const 辞書 = {
zh_CN: {
メッセージ: {
ip: () => ip 形式が正しくありません

以上がVee-Validateの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。