All Questions
Tagged with vue.js bootstrap-vue
1,320 questions
0
votes
0
answers
15
views
'./dist/bootstrap-vue-next.mjs?' does not provide an export named 'BootstrapVueNext'
In my laravel application after i installing npm install bootstrap bootstrap-vue-next
and updating the vite.config.js :
import { BootstrapVueNext } from 'bootstrap-vue-next';
import 'bootstrap/dist/...
0
votes
0
answers
22
views
B Popover in bootstrap get closed when clicked element inside it when trigger is set with and click blur
Good day developers ..im using a component with b-popover component form vuebootstrap.
Inside that b-popover i have collapsable component that is also from vue bootstrap(b-collapse).
The intention is ...
- 1,295
1
vote
1
answer
40
views
Button behavior condition
I have a Submit button that once pressed run onSubmit function.
<b-form @submit.stop.prevent="handleSubmit(onSubmit)">
...
<b-button
type="submit"
>...
- 61
0
votes
0
answers
68
views
Dropdown menu overlaps with component in Vue app
I had a Vue electron app, in which Home view component has 3 child components which are in single column one after the other, I have a b-dropdown in middle component when I scroll up the opened ...
- 19
1
vote
1
answer
167
views
BootstrapVue Popover: Strange reactivity behaviour
I have a Vue tempate code similar to this one:
<b-button id="button" @click="editingComment=true">
Click me
</b-button>
<b-popover target="button">
...
- 41
0
votes
1
answer
247
views
Bootstrap 5 tabs not changing based on tab click in vue 3 project
I am trying to build a vue3 app with bootstrap 5. I am adding tabs. I am able to click on the tabs, but the tab-content is stuck on the initial tab. How do I fix that?
package.json:
{
"name&...
- 1,381
3
votes
1
answer
2k
views
How to use Bootstrap 5 with VueJS 3
I am currently learning Vue.js and have some experience with Bootstrap. When I saw you can use Bootstrap with Vue.js, I thought I would try it out. My code is rather simple, a dropdown and a popover. ...
- 998
0
votes
1
answer
23
views
Make Table inside B-Col the size of the column. (Vue-Bootstrap)
I have this in my Vue component
<b-modal ...>
<b-row>
<b-col sm="12">
<table >
<tr v-for=... :key="key">
<td><...
- 8,740
0
votes
0
answers
300
views
Cannot read properties of undefined (reading 'hook')
I have project, build with nuxt v2, but now i upgrade it to v3, but when i want to yarn build, build crashed.
My code
// --- Main Nuxt.js module ---
module.exports = function nuxtBootstrapVue(...
- 23
1
vote
2
answers
239
views
How to pin the top header row showing column names in this bootstrap-vue table?
I have a bootstrap-vue table that looks like this;
Here is the code;
<template>
<div>
<b-table hover :items="items"></b-table>
</div>
</template>
...
- 5,047
1
vote
1
answer
153
views
How to populate text are on click using vue apex charts dataPointIndex
I'm attempting populate a text area onclick from Apex chart. In the below code pen you can click on the bar and it generates an alert with the value from the chart. I would like to get that value ...
- 171
2
votes
1
answer
142
views
Vue ref change does not apply changes to the component after update
I have a form implemented with vue3. The form consists of three text inputs and a checkbox group.
I am using bootstrap-vue form and it's checkbox-group for this.
I call an api to set default values on ...
- 217
0
votes
1
answer
120
views
Missing transitions with sidebar component in bootstrap-vue
I'm using the b-sidebar component of the bootstrap-vue library in my vue 2 app:
"dependencies": {
"vue": "^2.7.7",
"bootstrap": "^4.6.1",
...
- 6,524
0
votes
1
answer
159
views
What is the best way to calculate the height of element
I use Bootstrap Vue table with Vue v2 and I currently use a prop (sticky-header="600px") to set the table height:
<page-wrapper>
<page-header> </page-header>
<div ...
- 127
0
votes
0
answers
153
views
Bootstrap Vue form radio buttons - how to change radio buttons width
I use Bootstrap-vue and I have a group of 2 radio buttons (b-form-radio-group) I'm trying to set each radio button to 50% width. I created the following code structure:
<b-row>
...
- 127