@vladislavprozorovskiy

Как сделать sidebar на vue.js + vuex?

Добрый день всем.Нужно в готовую разметку вставить сайдбар на vue.js, чтобы открывался и закрывался он при клике.В самом сайдбаре должен быть один div(один компонент) и разные ссылки, по клику на которые открывается разный контент.Может кто-нибудь подскажет туториалы, различные пакеты хотя бы чтобы сделать сайдбар для начала?
Всем хорошего дня
  • Вопрос задан
  • 783 просмотра
Решения вопроса 1
Bellicus
@Bellicus
И швец, и жнец, и на дуде игрец.
<transition name="slide">
  <menu v-show="sidebarShow">
    Контент...
  </menu>
</transition>

<a href="#" @click.prevent="sidebarShow = !sidebarShow">Показать / Скрыть</a>

<script>
  var vm = new Vue({
    el:'',
    data: {
      'sidebarShow': false
    }
  })
</script>

<style>
  .slide-leave-active,
  .slide-enter-active {
    transition: 1s;
  }
  .slide-enter {
    transform: translate(-100%, 0);
  }
  .slide-leave-to {
    transform: translate(-100%, 0);
  }
</style>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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