All Questions
Tagged with vue-component bootstrap-vue
117 questions
-1
votes
1
answer
117
views
Can I use Bootstrap 5 with Vue v2 and Bootstrap-vue Components?
The project that I work on is created with Nuxt v2 (Vue v2, Bootstrap v4, Bootstrap-vue). The project uses bootstrap-vue components like:
<b-navbar toggleable="md" type="dark" ...
- 127
0
votes
2
answers
138
views
Vue.js Bootstrap table - how to restrict number of rows
How to show only 1st row from a Bootstrap table and via checkbox to show the rest of the rows? The bootstrap table and checkbox are in different components.
<b-table hover small responsive bordered ...
- 127
-1
votes
1
answer
469
views
I am getting this error when i try to use bootstrap-vue in vuejs application, How to resolve this
This is the main.js file
import { createApp } from 'vue'
import App from './App.vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/...
- 21
0
votes
0
answers
359
views
Vue Component wont render HTML on browser refresh
Before going into my specific issue, I would like to preface I have spent a lot of time researching to see if my situation wasn't unique, and have not found that to be true. I have a very specific ...
- 143
3
votes
1
answer
1k
views
How to show only show/hide 2nd and 3rd column of this bootstrapvue table?
The code below will show/hide all the columns in a BootstrapVue table. Credit of the code goes to the answer here;
Show/Hide columns dynamically with a bootstrap-vue component and bootstrap 3
window....
- 5,047
0
votes
0
answers
61
views
Using Bootstrap-vue in Vue 3 [duplicate]
I figured out bootstrap-vue in Vue 3 application.
But it doesn't work properly, for instance, I tried to use a b-carousel, but it showed nothing.
import { createApp } from 'vue'
import App from './App....
- 49
0
votes
2
answers
1k
views
Hide component (Login) after clicking button and show other components
I'm working with BootstrapVue (VueJS 2).
When I open my PWA i want to see my header (should be there always) and my login.vue - the components component1 and component2 should be hidden.
And after ...
- 1,109
1
vote
0
answers
144
views
VueJS Component Value binding with BootstrapVue Component
I am working on a laravel project which using VueJS as a front end framework but I am pretty new to vueJs. Currently, I have a component called DatePicker from bootstrapVue looks like this:
<...
- 337
1
vote
1
answer
2k
views
b-form-select VUE bootstrap style/CSS issue
I'm new working with VUE, but until the moment i already read and try some suggestions, but the issue continues.
I'm trying to use this one:
Form Select - Bootstrap ( like the example )
When i check ...
- 55
0
votes
1
answer
30
views
Setter in child component compiles but raises and error
In my component I have this simple visibility parameter:
<template>
<b-modal :visible.sync="_modalVisible" size="md" title="Add new event group" centered ...
- 748
0
votes
2
answers
1k
views
Vue - Performance issues on table filters?
I'm trying to manipulate a Vue table.
I've multiple filters to filter table's rows.
My filters are actually working, but I've performance issues.
The problem is : when the filter removes rows, ...
- 510
0
votes
1
answer
564
views
BootstrapVue Components Not Being Converted into HTML
My components are rendering to the client page exactly as written in BootstrapVue, so I'm seeing <b-button> literally rendered to the client page:
<b-button data-v-3d7e72245 id="myBtn&...
0
votes
1
answer
339
views
Vue.js poor binding performance
I came across a performance problem that boggles my mind.
Given the following component:
<template lang="pug">
div
div {{ counter }}
div(v-for="idx in new Array(10000).keys()&...
- 1,674
1
vote
2
answers
565
views
Bootstrap b-card in b-card
I've case on Card class bootstrap,
Here I want to make 1 parent card and 4 child card (in parent card) and make them 6 column every 1 child card, but when I make 4 child card with col-xl-6 then the ...
2
votes
2
answers
2k
views
Dynamically create template slots in Bootstrap Vue <b-table>
I'm trying to add HTML to headers in a Vue table. Knowing the key of the field I can do something like this:
<template v-slot:head(my_key)="data">
<span v-html="data.field....
- 1,261