vee-validate ValidationObserver 구성 요소의 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.jsVue 앱이 생성되는 파일 의 구성 요소에도 포함했습니다 . 오류가 수정되지 않았습니다.

답변

1 BoussadjraBrahim Aug 19 2020 at 03:03

구성 요소 옵션은 데이터 옵션 밖에 있어야합니다.

export default {
  data: () => ({
    name: 'ValidationObserver',
  }),
 components: {
      ValidationObserver,
    },