Estou implementando no Vue js um menu de barra de navegação, é responsivo, funciona perfeitamente para desktop, mas quando testo o modo responsivo o menu não funciona, este é o botão de alternância:
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#sidebarMenu"
aria-controls="sidebarMenu"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
e na minha barra lateral eu tenho:
<nav id="sidebarMenu" class="collapse d-lg-block sidebar collapse bg-white">
você pode ver a referência sidebarMenu
então, não sei o que há de errado? Eu carrego meu código no CodesandBox.io
você pode verificar e me dizer o que há de errado? por favor
você precisa usar diretivas vue em vez de data -toggle e data-target... aqui está como isso deve ser feito em vue: