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 ...
3
votes
1
answer
2k
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. ...
- 1,008
87
votes
1
answer
112k
views
Preview an image before it is uploaded VUEjs [duplicate]
I know this question has been asked. But I have no idea how to use the code in vuejs. I tried a lot but without any results.
I also added my code.
Can some one please help me? This is my code.
Thanks
...
- 959
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
20
votes
4
answers
23k
views
how to hide bootstrap-vue table header row
bootstrap-vue will by default create a header row for my data.
Is there any way to hide the header row for a <b-table> so only data items will be rendered?
- 2,030
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
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
13
votes
5
answers
20k
views
How to access root context from a composition function in Vue Composition API / Vue 3.0 + TypeScript?
I want to create a reusable wrapper function written in TypeScript for triggering a toast notification by using a composition function, as defined in the current specification for Vue 3.0: Composition ...
- 11.6k
0
votes
0
answers
71
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
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
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
16
votes
4
answers
20k
views
Bootstrap-vue Collapse: show state with arrow
I'm using Bootstrap-vue, and have a simple collapse component such that I can toggle the visibility of the content. I'm looking for a way to include an arrow icon in the toggle button that indicates ...
- 467
15
votes
3
answers
20k
views
How do I update the items async in a b-table from Bootstrap-Vue reusing the items provider function?
I am using Bootstrap-Vue v2.0.0-rc.11 and I just cannot get my head around how to update the table content. I am sure it is trivial.
I am pulling my content from a backend using an item provider ...
- 107
7
votes
2
answers
14k
views
bootstrap-vue multi level drop down
I'm using BootstrapVue and I have a multi-level dropdown menu (with categories). This is an example from the official site:
https://bootstrap-vue.org/docs/components/dropdown
<b-dropdown id="...
- 173
2
votes
3
answers
6k
views
Prevent Vue bootstrap-dropdown from closing after click
How can I change the behaviour of a b-dropdown-item-button within a b-dropdown-component so that it does not close automatically when I click on it?
The dropdown is syntactically structured as ...
- 79
1
vote
0
answers
103
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'...
5
votes
3
answers
5k
views
How to use Bootstrap5 with Vite and Nuxt3?
Tailwind makes it easy to use its CSS in projects set up with Vite as you can see here.
However, Bootstrap 5 only has information available for using with Webpack.
I can not find anything about how to ...
- 5,267
19
votes
5
answers
11k
views
Running jest with bootstrap-vue
I've been working with vuejs and bootstrap-vue lately.
Decided to add unit testing to my project.
I'm not realy familiar with unit testing so I'm trying anything I could find to understand how it ...
- 322
10
votes
4
answers
27k
views
How to include Bootstrap-Vue in Laravel
How can I install/import/include Bootstrap Vue into my laravel project? I am new in Vue, I know how to install in a Vue JS application, but how can I add it laravel?
app.scss
// Fonts
@import url("...
- 181
1
vote
1
answer
732
views
Vuejs: How to edit name and insert icon in b-form-file
I'm doing vuejs frontend. And now I'm getting to the file uploading part. I use <b-form-file> :
<b-form-group>
<b-form-file
placeholder="Choose a file or drop it here..."...
- 867
3
votes
3
answers
8k
views
Proper way to change Bootstrap-Vue text field into mm/dd/yyyy format
I'm using Bootstrap-Vue <b-form-datepicker> component and looking for a way to customise the input date field to mm/dd/yyyy format. Any proper ways ?
<b-input-group class="mb-3">
...
- 207
18
votes
7
answers
37k
views
Bootstrap-vue doesn't load CSS
I am writing a Vue.js app with Bootstrap 4 and I can't loaded though I followed the documentation.
Added to main.js
Vue.use(BootstrapVue);
Added to css file related to App.vue:
@import '../../...
- 754
2
votes
0
answers
534
views
Bootstrap-vue table with column span 2 by using items and fields
I am doing a project with using vuejs2 and bootstrap vue. I was asked to do the ui like this (just an idea of the ui):
Explanation of the part I stuck, I want to achieve a ui that have a header with ...
- 141
0
votes
2
answers
161
views
VueJS Bootstrap <date-picker> is hidden in <b-table> row
I'm using VueJS (v2.6.10) and boostrap-vue (v2.0) and trying to allow users to enter a datetime for a record in a <b-table> using the using vue-bootstrap-datetimepicker (v5.0.1).
The issue is ...
- 21k