So importieren Sie eine Vue-Komponente in eine Vue-Komponente

9

Das ist vielleicht eine wirklich alberne Frage, aber nichtsdestoweniger kann ich darauf keine Antwort finden.

Ich baue also eine Vue-Komponente auf und möchte auf die Vue-Spinner -Komponente (n) zugreifen. innerhalb meiner Komponente. Wie würde ich das tun?

Hier sind Auszüge aus dem fraglichen Code:

app.js :

%Vor%

TeamPlayersComponent.vue :

%Vor%

Nehmen Sie an, dass vue-spinner installiert wurde (NPM) und dass TeamPlayersComponent.vue gültig ist und funktioniert, außer dass dieser Fehler in der Konsole angezeigt wird:

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)

Ich benutze Vue mit Laravel Elixir und Gulp.

    
AshMenhennett 04.01.2017, 09:34
quelle

2 Antworten

4

Lösung:

Ersetze den GridLoader spezifischen Code in app.js (Laravel Setup) mit:

Vue.component('grid-loader', require('vue-spinner/src/GridLoader.vue'));

Hat wie erwartet funktioniert!

    
AshMenhennett 04.01.2017, 10:01
quelle
7

Sie können es erhalten, indem Sie folgen:

%Vor%

und fügen Sie es in Komponenten hinzu:

%Vor%     
Saurabh 04.01.2017 09:39
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Verschiebe ein Element an das Ende einer Liste mit flexbox [duplizieren]