ข้อผิดพลาดขององค์ประกอบที่กำหนดเอง Vue ด้วยคอมโพเนนต์ vee-validate ValidationObserver

Question

ฉันกำลังพยายามใช้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 ไม่ได้แก้ไขข้อผิดพลาด

Answer 1

ตัวเลือกส่วนประกอบควรอยู่นอกตัวเลือกข้อมูล:

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