मैं अपने ऐप के <v-navigation-drawer> से एक घटक बनाने की कोशिश कर रहा हूं, और मुझे एक त्रुटि दिखाई दे रही है:

Unknown custom element: <app-navigation-drawer> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Vue.js के लिए नया होने के नाते, मैंने एक विशिष्ट route के भीतर उपयोग किए जाने वाले घटकों का पता लगाया है, लेकिन मुख्य App.vue फ़ाइल में एक कस्टम घटक का उपयोग करने का पता नहीं लगा सकता।

मैंने importing की कोशिश की है और इसे Vue उदाहरण में component के रूप में जोड़कर, मैंने importing को App.vue के भीतर भी आजमाया है और इसके साथ एक डिफ़ॉल्ट घटक निर्यात किया है अवयव।

प्रश्न: क्या कोई कृपया मुझे यह समझने में मदद कर सकता है कि मुझे इस घटक को पंजीकृत करने की आवश्यकता कहां होगी, या मैं क्या गलत कर रहा हूं?

App.vue

<template>
  <div id="app">
    <v-app>
      <app-navigation-drawer/>

      </v-toolbar>
      <v-content>
        <v-container class="grey lighten-5" fluid="fluid" fill-height="fill-height">
          <router-view></router-view>
        </v-container>
      </v-content>
    </v-app>
  </div>
</template>

main.js

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import Vuetify from 'vuetify';

import NavigationDrawer from './views/NavigationDrawer.vue';
Vue.use(Vuetify);
new Vue({
  router,
  store,
  components: { NavigationDrawer },
  render: h => h(App)
}).$mount('#app');

NavigationDrawer.vue

<template>
    <v-navigation-drawer app stateless value="true">Drawer</v-navigation-drawer>
</template>
<script>
export default {
    name: 'app-navigation-drawer'
}
</script>
2
d-_-b 22 सितंबर 2018, 00:38

1 उत्तर

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

यह अनुशंसा की जाती है कि आप अपने घटक को इस तरह घोषित करें:

components: { 'app-navigation-drawer': NavigationDrawer }

यह काम करना चाहिए।

यदि आप इसे सीधे करना चाहते हैं, तो घोषित नाम का उपयोग करें:

<NavigationDrawer></NavigationDrawer>

संदर्भ: https://vuejs.org/v2/guide/components-registration.html< /ए>

2
Juan Carlos Eduardo Romaina Ac 22 सितंबर 2018, 01:24