Свернутые параметры navbar не отображаются, Vue Bootstrap - PullRequest
Новая
       4

Свернутые параметры navbar не отображаются, Vue Bootstrap

0 голосов
/ 16 марта 2020

Im Пытаюсь показать свернутое меню, когда окно изменяет размеры, но когда я нажимаю на иконку, ничего не происходит. Я использую Vue и bootstrap: boots

У меня есть bootstrap и jquery в основном. js, но ничего не происходит, когда я нажимаю на иконку. 

<template>
  <b-navbar toggleable="lg" type="dark" variant="info">
    <div class="container">
      <router-link to="/" class="navbar-brand">iSii Nitzan Soportes.</router-link>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarSupportedContent"
        aria-controls="#navbarSupportedContent"
        aria-expanded="false"
        aria-label
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto"></ul>
        <ul class="navbar-nav ml-auto">
          <template v-if="user.loggedIn">
            <div class="nav-item">{{user.data.displayName}}</div>
            <li class="nav-item">
              <a class="nav-link" @click.prevent="signOut">Sign out</a>
            </li>
          </template>
          <template v-else>
            <li class="nav-item">
              <router-link to="login" class="nav-link">Login</router-link>
            </li>
            <li class="nav-item">
              <router-link to="register" class="nav-link">Register</router-link>
            </li>
          </template>
        </ul>
      </div>
    </div>
  </b-navbar>

</template>

Пожалуйста, помогите.

...