• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Vue.js ładowanie komponentu do diva

0 głosów
115 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,460 p.)
edycja 20 czerwca 2018 przez mi-20

Witam, jeśli mam jakiś komponent, a w nim div i do tego diva muszę załadować dane z innego komponentu, dokładnie cały inny komponent po kliknięciu przycisku to w jaki sposób mogę to zrobić?

mam coś takiego

<button class="btn btn-success" @click="loadComponent"></button>

<div id="content">
//tutaj chcę załadować inny komponent po kliknięciu przycisku
</div>
methods:{
            loadComponent(){
              
            }
        }

 

1 odpowiedź

+1 głos
odpowiedź 20 czerwca 2018 przez ProgramistaStepek Nałogowiec (27,220 p.)

Możesz użyć dynamicznego <component> z atrybutem is

komentarz 20 czerwca 2018 przez mi-20 Stary wyjadacz (10,460 p.)
możesz mi to jakoś +|- pokazać? Widziałem to w dokumentacji jednak nwm jak to powinno wyglądać, chcę aby po kliknięciu komponent pojawił się w divie
komentarz 20 czerwca 2018 przez ProgramistaStepek Nałogowiec (27,220 p.)
Możesz ustawić w data pole currentComponent na null i w loadComponent zmieniać to pole na nazwę komponentu. A sam komponent wyglądałby <component :is="currentComponent"/>

Podobne pytania

0 głosów
1 odpowiedź 79 wizyt
pytanie zadane 23 października 2018 w JavaScript, jQuery, AJAX przez Bakr Mądrala (6,740 p.)
0 głosów
1 odpowiedź 55 wizyt
0 głosów
0 odpowiedzi 37 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

66,507 zapytań

113,272 odpowiedzi

239,886 komentarzy

46,644 pasjonatów

Przeglądających: 250
Pasjonatów: 8 Gości: 242

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...