問題タブ [vee-validate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
906 参照

javascript - VeeValidate またはサードパーティのパッケージを vue コンポーネント内でローカルに使用する方法

これが状況です。私は でSPAに取り組んでいVue.jsます。私はVeeValidate自分のコンポーネントの 1 つでComponent1.vueこのように言って使用しています。

別のコンポーネントでは、このように登録したものをComponent2.vue使用しています。vuetable-2

問題は、VeeValidateVuetable内部の両方が同じ名前の計算されたプロパティに依存していることです。VeeValidateのようにグローバルに登録しているので、 からにVue.use(VeeValidate);移動すると、次のようなエラーが表示されます。Component1Component2Vuetable

計算されたプロパティ「fields」はすでにプロパティとして定義されています

VeeValidateに着陸したときにすでにグローバルに登録されているためComponent1です。

Component2依存関係のない他のコンポーネントから移動するとVeeValidate、問題なく動作します。

だからここに私の質問があります、

他のコンポーネントに影響を与えないように、ローカルVeeValidate内の他のパッケージを登録するにはどうすればよいですか? Component1.vueオブジェクト内の他のコンポーネントを登録するのとよく似ていcomponents: {}ます。

0 投票する
1 に答える
1591 参照

vue.js - vuejs2 で vee-validation を使用して入力フィールドのカスタム/汎用検証を作成する方法

以下は私のコードです。その中に、名、姓、ミドルネームの入力フィールドがあります。それらのフィールドに対してエラーをスローする単一のメソッドを使用したいと考えています。validator.extend 関数内で 1 つのフィールドしか渡すことができません。例: Validator.extend('firstName', {});. しかし、 Validator.extend('firstName','lastName', 'middleName', {});( または )Validator.extend('fieldNames', {}); を渡したいと思います。このような。助けてください。