मैं अपने लार्वा ब्लेड में VueJs का उपयोग कर रहा हूँ। मैं घटकों में से एक में एक बच्चे के रूप में उपयोग करने के लिए घटक को परिभाषित करता हूं, अब घटक परिभाषित नहीं है।

App.js . में परिभाषित घटक

Vue.component('phoneSearch', require('./components/admin/booking/PhoneSearch').default);

मेरा घटक कोड:

<template>

</template>

<script>
    export default {
        name: "phone-search"
    }
</script>

<style scoped>

</style>

और वह मूल घटक जिसे मैं बच्चे को कॉल करना चाहता हूं:

 <template>

    </template>

    <script>
        export default {
            name: "add-passenger",

       

        components: {  phoneSearch },
        }
    </script>

    <style scoped>

    </style>

अंत में मुझे चलाने के बाद कंसोल में यह त्रुटि मिली:

Uncaught ReferenceError: phoneSearch is not defined
at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/admin/booking/AddPassenger.vue?vue&type=script&lang=js& (app_admin.js:7878)
at __webpack_require__ (app_admin.js:20)
at Module../resources/js/components/admin/booking/AddPassenger.vue?vue&type=script&lang=js& (app_admin.js:144061)
at __webpack_require__ (app_admin.js:20)
at Module../resources/js/components/admin/booking/AddPassenger.vue (app_admin.js:144025)
at __webpack_require__ (app_admin.js:20)
at Object../resources/js/app_admin.js (app_admin.js:141625)
at __webpack_require__ (app_admin.js:20)
at Object.1 (app_admin.js:144544)
at __webpack_require__ (app_admin.js:20)

कोई मेरी मदद कर सकता है?

-1
Amirali 1 जून 2020, 11:58

2 जवाब

सबसे बढ़िया उत्तर

जैसा कि @ashutosh ने उल्लेख किया है, आपको इसे पंजीकृत करने के लिए उस घटक को आयात करने की आवश्यकता है:

 <template>
  <div>
    <phoneSearch />
  </div>
</template>

<script>
    import phoneSearch from './your-directory/your-component.vue';

    export default {
        name: "add-passenger",
        components: {  phoneSearch },
    }
</script>

<style scoped>

</style>
1
procoib 1 जून 2020, 12:24

आपको इसे प्रदर्शित करने के लिए मूल घटक के अंदर स्थानीय रूप से चाइल्ड कंपोनेंट आयात करने की आवश्यकता है

 <template>
    <div>
       <your-component></your-component>
    </div>
 </template>

 <script>
      import yourComponent from './components/child-component.vue';

      export default {
                 components: {  yourComponent },
               }
 </script>

आशा है इससे आपकी मदद होगी

1
Sam Yam 1 जून 2020, 14:08