Questions tagged [bootstrap-vue]
Provides implementation of Bootstrap v4.3 components and grid system for Vue.js 2.6+
bootstrap-vue
1,648
questions
0
votes
0
answers
55
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 ...
0
votes
0
answers
10
views
Render Dynamic Dependant DropDowns with VUEJS 2.6.11 and BootstrapVue
I have an application written in VueJS 2.6.11 and BootStrap Vue 2.1.0
What I am trying to do is mimic the following functionality and can't seem to wrap my head around it. I know how to do it in ...
0
votes
0
answers
44
views
form validation before showing confirm modals
Description
I'm currently working on a Vue.js project using BootstrapVue to create a form. Imagine a button that performs two actions:
Validation Check using Vuelidate: It checks if the form has any ...
1
vote
1
answer
63
views
Vuejs 2 Multilevel Dropdown
update;
<template>
<div class="container">
<div class="dropdown">
<button class="btn btn-default" @click="toggleDropdown"&...
1
vote
1
answer
48
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">
...
0
votes
1
answer
70
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&...
3
votes
1
answer
187
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. ...
0
votes
1
answer
13
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><...
0
votes
1
answer
12
views
Get the context (sorted value) of a b-table
I would like to get the information of the context of my b-table.
The table is called like that from my component :
<b-table
...
:sticky-header="true"
:responsive="true"
...
0
votes
0
answers
77
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(...
0
votes
0
answers
39
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 ...
1
vote
0
answers
48
views
Why aren't some components running in vue bootstrap?
In vue bootstrap, b-table, b-form-input, etc. are normally compile. However, dynamic elements such as tooltip, sidebar, and carousel are not running.
This is my main.js:
import { createApp } from 'vue'...
0
votes
0
answers
37
views
How can I show and hide a template referring to the current row?
I use Bootstrap Vue table, and I'm trying to show/hide the row item by clicking on a method toggleInnerTable(). This method changes the state of expandedInnerTable[row.item.id] object to true/false. ...
0
votes
1
answer
37
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-...
0
votes
0
answers
36
views
Bootstrap Vue nested tables issue with row IDs
after a long research and tries to handle this issue myself, I'm here to ask for a help.
I use Bootstrap Vue to create a child component , in the parent component I use for 2 main tables, each main ...