All Questions
62 questions
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
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
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
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
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
2
votes
2
answers
5k
views
Sort a <b-table> in Bootstrap-Vue by a column and disallow user sort
I know that we can make the columns of <b-table> sortable by using :sort-by="sortBy". But how can I tell it to just sort the table by a particular column in the beginning and that too ...
- 30.9k
3
votes
1
answer
4k
views
How to use click event with Bootstrap-Vue <b-nav-item-dropdown> in Vue.js?
How do I use the click event with the <b-nav-item-dropdown> in Bootstrap-Vue shown below? I checked out the Vue.js documentation but I am not able to find any click event for <b-nav-item-...
- 164
3
votes
2
answers
2k
views
Custom Bootstrap-Vue checkbox component
I’m trying to make components to create a dynamic form but I’m having trouble with checkboxes
<template v-if="type === 'switch'">
<b-form-checkbox
switch
...
- 221
3
votes
1
answer
1k
views
How can I use multiple b-form-radio-group avoiding visual interference among them?
I'm new using Vue and specifically Bootstrap Vue and I'm trying to build a form with multiple radio groups.
My problem is that when I change the value in one of them the others don't change their ...
- 33
0
votes
1
answer
159
views
Boostrap Vue & Vue - Load Form-Select with array
I'm working in a Laravel + Vue project. Initially I need to load a Vue component data from the view of Laravel. The idea is send by Prop parameter an array object with this data and from Vue component ...
- 565
1
vote
1
answer
2k
views
activate the toggle on one button at a time
I have this code taken from bootstrap: https://bootstrap-vue.org/docs/components/button#pressed-state-and-toggling
<template>
<div>
<b-button-group size="sm">
<b-...
- 348
0
votes
1
answer
873
views
Imported and reexported not found in Vue
I am following a tutorial on YouTube about Vue, everything was working fine until I installed Bootstrap Vue and I ran npm run serve, I keep getting this error:
98% after emitting CopyPlugin
WARNING ...
1
vote
1
answer
682
views
How to access multiple variables in Vue v-for?
How to change the label in bootstrap-vue in an input group? I am ok with the input field, the issue I have is trying to change the label to different labels?
<template>
<b-modal id="...
- 139