Boa tarde Pessoal
Sou iniciante no desenvolvimento WEb e não estou conseguindo exibir o modal do boostrap no meu Projeto. O botão aparece normal, porém ao clicar nele, não exibe o modal.
A minha pergunta principal é: Será que devo importar outras bibliotecas, ou esse import que mostrei lá embaixo ja é o suficiente para usar todas os componentes do Bootstrap?
Meu código está assim:
HTML e Javascript - Modal.vue, Componete criado:
<template>
<div v-bind:id="nome" class="modal fade" tabindex="-1"v-bind:arialabelledby="nome">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<slot></slot>
</div>
</div>
</div>
</template>
<script>
export default {
props:['nome']
}
</script>
Formulario Criado dentro do modal:
<modal nome="meuModalTeste">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Endereço de email</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Seu email">
<small id="emailHelp" class="form-text text-muted">Nunca vamos compartilhar seu email, com ninguém.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Senha</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Senha">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Clique em mim</label>
</div>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
Para adicionar um botão que abre o modal:
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#meuModalTeste">Modal grande</button>
Eu vi em alguns sites, inclusive aqui no StackOverflow que deveria importar algumas bilbiotecas do BOOTSTRAP nos meus imports,mas como podem ver ja tem o import do boostrap.
// Bootstrap
@import '~bootstrap/scss/bootstrap';
Deveria aparecer esse modal, como podem ver na imagem abaixo, mas ao clicar no botão, nada é exibido, nem escurece a tela, que normalmente acontece quando nao tem nenhum conteúdo. O que será que estou fazendo de errado? Agradeco desde já a ajuda de vocês.