Skip to main content

All Questions

2 votes
1 answer
1k views

Opening a modal via checkbox in vue-bootstrap?

I'm looking to open a modal on checkbox check in vue-bootstrap. I have a checkbox I'm not sure if it's the right approach with this but I need it to have a v-model too. <b-form-checkbox id=&...
Michal Kubiak's user avatar
0 votes
3 answers
640 views

why b-modal is not invoked when created in Vue?

I wanted to invoke the b-modal whenever the component is created but its not happening. Yet on clicking the button, the modal is invoked. How can we fix this? <template> <b-container> ...
user avatar
0 votes
0 answers
61 views

Bootstrap Vue modal

I am using bootstrap-vue modals in my small project and I can not figure out why my modal's layout is soo off. Here is the screen As you can see, it is not even possible to click on the input field. ...
stanberg's user avatar
0 votes
1 answer
395 views

BootstrapVue Modal opening outside of rendered nuxt element

I'm using BootstrapVue with universal Nuxtjs. The problem is; when I click the button, the b-modal element opened at the bottom of the body, not inside the rendered "_nuxt" div. For this reason, I ...
Ömer Doğan's user avatar
1 vote
2 answers
1k views

Displaying buttons and a title in bootstrap modal

I'm using modal (from vue-bootstrap) and I wrote the following code: <template id="child"> <b-modal v-model="showModal" size="lg"> <template v-slot:modal-header> ...
vesii's user avatar
  • 3,158
0 votes
1 answer
379 views

In Bootstrap + Vue, how to use value of data property inside v-b-modal?

Below code only works when "'test'" is inside a double and single quote like this: v-b-modal="'test'" Sample working code: <div id="app"> <div> <b-link v-b-modal="'test'"&...
Bernard K.'s user avatar
4 votes
1 answer
6k views

How to trigger Bootstrap-vue modal on page load without button or link?

Sorry for the help request, but I can't work out how to get a bootstrap-vue modal to display initially on page load without needing to trigger it with a button or link. Thanks.
Araf Nishan's user avatar
2 votes
1 answer
1k views

How to attach a Vue Bootstrap Modal to a different parent?

Currently using a Vue Bootstrap Modal which doesn't display properly, because it's parent (or rather an ancestor up the tree) has a overflow:hidden defined. Is there a way to have the modal attach ...
Geert-Jan's user avatar
  • 19k
0 votes
1 answer
106 views

Handling the resuts of modal window in vue app

I am trying to use modal from "Bootstrap + Vue" in my project. Now this may be a basic question, but after searching for a while I didn't find any answer so I will go ahead and ask. Consider the ...
PKey's user avatar
  • 3,851
3 votes
1 answer
2k views

Bootstrap-vue modal open three times

I'm using bootstrap-vue package. In some component I have three card-flip components: <b-row> <b-col lg="4"> <card-flip :order="'fifth'"></card-flip> </b-...
BT101's user avatar
  • 3,856
3 votes
3 answers
4k views

Managing which bootstrap-vue modal is open through vuex state

I am building an application that requires sequencing multiple bootstrap-vue modals. Specifically, a button in a nested component should open the 'manage' modal. The 'manage' modal contains buttons ...
Ben Kearney's user avatar