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

Question

[Andrej Sharapov]

Подскажите, как связать 2 компонента: один с кнопкой, при клике на которую вызывается второй компонент с содержимым?

Comments

[Swartex]

Вам нужно из одного компонента инициировать событие, а в другом его поймать

читать здесь
https://ru.vuejs.org/v2/guide/components-custom-ev...

Answer 1

[Александр]

Я делаю так, но у меня не 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.
},.....

Answer 2

[Владимир Сартаков]

Comments

[Andrej Sharapov]

спасибо.