1,637 questions
1
vote
1
answer
43
views
Render extra item in VueJS v-for
I have standard v-for like so (using BootstrapVue):
<b-col v-for="(card, index) in cards"
:key="index"
cols="4">
<b-button> Click Me! &...
- 321
0
votes
1
answer
71
views
BootstrapVue b-table not displaying received items when using pagination
I'm using the b-table from BootstrapVue with pagination. However, whenever I change pages, the items received from my REST API do not display, even though they are present. I have added a watcher to ...
0
votes
0
answers
27
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
53
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
1
vote
1
answer
136
views
Vuejs 2 Multilevel Dropdown
update;
<template>
<div class="container">
<div class="dropdown">
<button class="btn btn-default" @click="toggleDropdown"&...
- 21
0
votes
1
answer
293
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,397
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,760
0
votes
0
answers
345
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
289
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,307
-2
votes
1
answer
129
views
How do I make JS fetch function receive json/data from flask API in the same order as sent by flask?
How do I make JS fetch receive json/data from flask API in the same order as sent by flask?
flask API:
@api_bp.route("/users")
def users():
all_users = User.query.all()
data = list([...
- 565
0
votes
1
answer
33
views
overriding class styles from bootstrap,according to the HTML rendered in Devtools
Im trying to override some styles from my app using bootstrap. When I access the Chrome Devtools, the HTML rendered is:
<div data-v-256a5f3d="" data-v-7bf4ea52="" class="...
- 1,295
0
votes
1
answer
32
views
Is there a way to set the deafault value of a bootstrap checkbox group to true?
I have a checkbox group that contains 21 checkboxes that are bound to an array.
Currently they are all unchecked by default, but I would like them all to be checked.
Looking at the documentation, it ...
- 27
0
votes
0
answers
164
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
-1
votes
1
answer
129
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
1
answer
223
views
Vue b-modal @close look like it doesn't work
The following is my b-modal code:
<b-modal
centered
id="modal-center"
title="product regist"
body-class="p-0 m-0"
size="col-md-6 col-sm-6"
ok-...
- 45
0
votes
2
answers
1k
views
using bootstrap-vue in vuejs3 project doesnt compile successfully
I am doing a vue3 application which uses bootstrap-vue. I created a vuejs3 project with vue create and later installed boostrap-vue with npm install bootstrap-vue@latest . I created my App.vue from a ...
- 119
0
votes
1
answer
101
views
Vue.js Bootstrap table - How to extract IDs of table rows and collect them in a data property
I'm using Vue.js Bootstrap table and I would like to be able to collect each table row id in an Array or Object data property.
Here is an example of a bootstrap table template:
<template v-...
- 127
0
votes
2
answers
143
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
0
votes
0
answers
45
views
Bootstap Vue.js: best practice for supplementing link text with the title attribute for <b-nav-item>
I'm using Bootstrap Vue.js to implement navigation and I'm wondering what is the best practice to set an anchor title for <b-nav-item>. I would like to do this in order to cover one of the WCAG ...
- 127
0
votes
1
answer
396
views
How to align image to the right using Bootstrap Vue
I am new to Bootstrap vue and attempting to align an image to the right using b-card header. I'm trying to use with span or . The template header is perfect in size until I add the image and the ...
- 169
0
votes
1
answer
83
views
How to close previous row after clicked view details of new row
This is the example I get from Bootstrap Vue. After I click the "Show Details" button, it will show the row detail, but I want it to close the previous rows upon clicking it and only open ...
- 23
0
votes
1
answer
128
views
How to set main.js file to add Bootstrap-vue to the Vuex project?
I started a project with vue/vuex and trying to add Bootstrap-vue to it.
How to organize main.js file merging two fragments -
import { createApp } from 'vue'
import App from './App.vue'
import ...
user21728832
0
votes
1
answer
389
views
Conflicting peer dependency - bootstrap and bootstrap-vue installation
Get problems when initiating a new vue bootstrap project.
This is what i do, and the errors i get, any good ideas?
Chat-GPT could not help me, so now i have to rely on you :-)
vue create my-project
...
0
votes
1
answer
139
views
Bootstrap vue form does not show up in browser
I have a bootstrap-vue code with a form. The form doesnt show up in the browser.
My Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
...
- 119
1
vote
1
answer
326
views
in BootstrapVue table, can only drag and drop table header, the table items are not changing
I want to implement a drag and drop feature on my BootstrapVue table. By using the code below, I can only drag and drop the table header but table items are not changing. I console logged ...
- 13