Madeas
@Madeas
UX/UI designer | Frontend developer

Как связать кнопку и компоненты?

Подскажите, как связать 2 компонента: один с кнопкой, при клике на которую вызывается второй компонент с содержимым?
  • Вопрос задан
  • 68 просмотров
Решения вопроса 2
@UPSA
anykey
Я делаю так, но у меня не select ...
В template:
<ul class="uk-nav">
<li class="uk-button-primary uk-button"
v-for="item in items"
v-bind:key="item.id"
v-on:click="CurrentComponent = (item.component)"
>{{ item.name }}
</li>
</ul>
...
<div class="uk-placeholder uk-margin-top">
<component v-bind:is="CurrentComponent"></component>
</div>
...

в script
import PageOpen from './PageOpen';
data: function init() {
return {
items: [
{id: 40,
component: PageOpen,
name: 'Кто может стать участником программы',},
],
CurrentComponent: Home, // НЕ забываем что CurrentComponent нужно чем то заполнить. Default.
},.....
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы