vee-validateValidationObserverコンポーネントでのVueカスタム要素エラー
Aug 19 2020
私はvee-validate
このアプリのいくつかの入力を検証するために使用しようとしています。ValidationObserver
カスタムタグを使用しようとすると、このエラーが発生します。
[Vue警告]:不明なカスタム要素:
<ValidationObserver>
-コンポーネントを正しく登録しましたか?再帰コンポーネントの場合は、必ず「名前」オプションを指定してください。
<script>
.vue要素のセクションのコンポーネントに追加します。
<script>
import { ValidationObserver } from 'vee-validate';
import { mapState, mapGetters, mapActions } from 'vuex';
export default {
data: () => ({
name: 'ValidationObserver',
components: {
ValidationObserver,
},
// code continues on from here
必要に応じて、main.js
Vueアプリが作成されるファイルのコンポーネントにも含めました。エラーは修正されませんでした。
回答
1 BoussadjraBrahim Aug 19 2020 at 03:03
コンポーネントオプションはデータオプションの外側にある必要があります:
export default {
data: () => ({
name: 'ValidationObserver',
}),
components: {
ValidationObserver,
},