Comment faire pour "importer" une Vue de composant dans une Vue de composant
Cela peut être une question idiote, mais néanmoins, c'est quelque chose que je ne peux pas trouver une réponse.
Donc, je suis à la construction d'une Vue de composant et souhaitez accéder à l' vue-spinner's composant(s) à l'intérieur de mon composant. Comment dois-je procéder?
Ici sont extraits du code en question:
app.js:
Vue.component('players', require('./components/TeamPlayersComponent.vue'));
import GridLoader from 'vue-spinner/src/GridLoader.vue';
const app = new Vue({
el: '#app',
components: {
GridLoader
}
});
TeamPlayersComponent.vue:
<grid-loader></grid-loader>
Supposer que vue-spinner a été installé (MNP) et que le TeamPlayersComponent.vue
est valide et le travail des autres que de lui donner cette erreur dans la console:
vue.js?3de6:525 [Vue warn]: Unknown custom element: <grid-loader> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in component <players> at /home/vagrant/code/rounds-smaa/resources/assets/js/components/TeamPlayersComponent.vue)
Je suis en utilisant la Vue avec Laravel Elixir et Gulp.
Question mise à jour, merci.
OriginalL'auteur AshMenhennett | 2017-01-04
Vous devez vous connecter pour publier un commentaire.
Vous pouvez l'obtenir par ce qui suit:
et l'ajouter dans les composants:
OriginalL'auteur Saurabh
Solution:
Remplacer le
GridLoader
code spécifique app.js (Laravel setup) avec:Vue.component('grid-loader', require('vue-spinner/src/GridLoader.vue'));
A fonctionné comme prévu!
OriginalL'auteur AshMenhennett
Je pense que vous devriez enregistrer le composant localement dans TeamPlayersComponent.vue de fichier. Importer le composant et de vous inscrire dans le fichier.
Puis enregistrer le composant localement.
OriginalL'auteur Eko Edita
Vous pouvez également importer comme suit:
puis dans puis dans le composant sur lequel vous souhaitez importer:
OriginalL'auteur Sumit Patel