All Questions
Tagged with vue.js bootstrap-vue
1,321
questions
1
vote
1
answer
34
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
99
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
173
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,369
3
votes
1
answer
991
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. ...
- 988
0
votes
1
answer
21
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,700
0
votes
0
answers
161
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
0
votes
0
answers
65
views
Issue closing bootstrap vue modal in metronic template
I'm currently working on a Vue.js project where I have a modal for adding organizations. The modal is part of a larger application built with the Metronic Vue template. I'm using the Composition API ...
0
votes
0
answers
38
views
How to only select one value in an option that contains two variables?
I have a list containing a set of properties, and each of these both have a number and a name. I have made it so both are visible in my form options
<b-col md="3">
<b-form-...
- 89
0
votes
0
answers
79
views
Vee-validate not updating the BootstrapVue Switch Checkbox state
I'm using vee-validate on a BootstrapVue Switch Checkbox with yup schema like this.
<Form :validation-schema="schema" :initial-values="initialValues" ref="adminForm"&...
1
vote
2
answers
195
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>
...
- 4,677
1
vote
1
answer
126
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 ...
- 135
2
votes
1
answer
122
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
100
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,444
0
votes
1
answer
156
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