@myskypesla

Как показать sidebar на vue?

Всем привет.

Есть компоненты Navigation.vue и Sidebar.vue, подключены в App.vue:
<template lang="pug">
  #app
    navigation
    sidebar
    router-view
</template>


В компоненте Navigation.vue есть кнопка, при клике на которую должен выехать компонент Sidebar.vue:
<template lang="pug">
    .btn Меню
</template>


И есть Sidebar.vue:
<template lang="pug">
  .sidebar
    .nav
      a.nav__link(href="/link1") Ссылка 1
      a.nav__link(href="/link2") Ссылка 2
</template>


Я хочу в объект data в файле App.vue обозначить значение show: true.
Вопрос: как при клике на .btn из компонента Navigation.vue, изменить значение show = true в компоненте App.vue и передать его в компонент Sidebar.vue Рассматриваю vuex если сильно заморочено без него.
  • Вопрос задан
  • 895 просмотров
Решения вопроса 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Отправляете событие при нажатии, ловите его в app, меняете состояние show, передаете в navigation
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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