выпадающий не работает с bootstrap4 с sass - PullRequest
0 голосов
/ 13 октября 2018

я написал следующий код для bootstrap4, но тогда функция переключения не работает

<li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Template</a>
                                <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">Action</a>
                                        <a class="dropdown-item" href="#">Another action</a>
                                        <a class="dropdown-item" href="#">Something else here</a>
                                    <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="#">Separated link</a>
                                </div>
  </li>

я тоже включил popper.js, но потом не получается

  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" ></script>

на самом деле я не хочу, чтобы мы поппер JS, как я хочу импортировать эту структуру, чтобы vue иначе будет конфликт

can anyone letme know any help would be appreciated

Ответы [ 2 ]

0 голосов
/ 14 октября 2018
.dropdown {
 &:hover{
 .dropdown-menu-mn{
   @extend .dropdown-menu;
     display: block;
     opacity: 1;
     overflow: visible;
   }
   }
  }
  .dropdown-menu-mn{
  @extend .dropdown-menu;
  display: none;
  opacity: 0;
  overflow: hidden;
  }
0 голосов
/ 13 октября 2018

Вы можете использовать простой код scss для переключения при наведении.

.dropdown{
    &:hover{
       .dropdown-menu{
           visibility: visible;
           opacity: 1;
           overflow: visible;
       }
    }
}
.dropdown-menu{
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}
...