Vue.js ładowanie komponentu do diva

Question

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(){
              
            }
        }

 

Answer 1

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

Comments

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

---

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"/>

---

https://github.com/PatrykMaternicki/Flickr/blob/master/src/modules/Forms-Module.vue