Questions tagged [bootstrap-vue]

Provides implementation of Bootstrap v4.3 components and grid system for Vue.js 2.6+

Bootstrap-Vue

With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap v4

Resources

1650 questions
0
votes
1 answer

Switching text in each cell of a b-table to input box and back

New to vue and so far I'm loving it. Basically trying use BV tables to create a excel like table layout. When I click on the cell text, I want it to be replaced with an input box and revert back to text on blur. Sorting doesn't work on input…
VirtualLife
  • 402
  • 5
  • 14
0
votes
1 answer

Vue - How to access Elements from B-table

I am using a "b-table" with ":fields" and ":items", I already know how to customize specific fields with "v-slot:cell(keyname)". But know I want to get the value of each element in this column and display it differently depending on its value. Is…
HTLWelsITLover99
  • 199
  • 1
  • 4
  • 10
0
votes
1 answer

Layout in bootstrap-vue for label input on different rows

Working with bootstrap I use next code when I need to change layout of label/input depending on device :
Filters
Petro Gromovo
  • 1,755
  • 5
  • 33
  • 91
0
votes
0 answers

Loop over subset of array in v-for

I'm trying to dynamically render a list of component objects in columns based on the size of the browser window. Right now, I have a computed property (columns) that calls my 'createColumns' function every time the number of columns changes. This…
Paul Murray
  • 399
  • 2
  • 16
0
votes
3 answers

How to filter results using "v-for" in Vue.JS

I am using a tabbed interface built with Bootstrap-Vue. When clicking on one of these tabs I'm using v-for to render some data in an accordion/dropdown which is displayed as a grid. Currently, I have a tab that shows all results which works fine…
ImranR
  • 516
  • 2
  • 13
  • 30
0
votes
1 answer

How to show image in bootstrap-vue b-card-img from src subdirectory

In my vue/cli 4/vuex / bootstrap-vue project / vue-router project I use card image from https://bootstrap-vue.js.org/docs/components/card/#comp-ref-b-card-img and I have a problem with img-src/src, when I set image path from /src/assets/…
Petro Gromovo
  • 1,755
  • 5
  • 33
  • 91
0
votes
1 answer

Upload File, file path null, VueJs / Laravel

I try to create a simple file upload with Vuejs and Laravel. But my 'file' variable it seems to be null on post.
Beusebiu
  • 1,433
  • 4
  • 23
  • 68
0
votes
1 answer

v-for in b-nav-item not rendering

This is quite weird but simple : I have a navbar b-nav from bootstrap-vue in which I want to populate dynamic b-nav-items. The template of my vuejs component looks as follow :