Skip to main content

All Questions

0 votes
2 answers
138 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 ...
monny's user avatar
  • 127
3 votes
1 answer
1k views

How to show only show/hide 2nd and 3rd column of this bootstrapvue table?

The code below will show/hide all the columns in a BootstrapVue table. Credit of the code goes to the answer here; Show/Hide columns dynamically with a bootstrap-vue component and bootstrap 3 window....
user3848207's user avatar
  • 5,047
0 votes
2 answers
1k views

Hide component (Login) after clicking button and show other components

I'm working with BootstrapVue (VueJS 2). When I open my PWA i want to see my header (should be there always) and my login.vue - the components component1 and component2 should be hidden. And after ...
B0BBY's user avatar
  • 1,109
5 votes
1 answer
8k views

Vue @change event not working in <b-form-datepicker/>

I am making a website that has a select form and datepicker form that sends an API request for data. I want to the update the data on every change of these forms, then a "submit" button is ...
Baldvin Bui's user avatar
3 votes
2 answers
2k views

Custom Bootstrap-Vue checkbox component

I’m trying to make components to create a dynamic form but I’m having trouble with checkboxes <template v-if="type === 'switch'"> <b-form-checkbox switch ...
netnull's user avatar
  • 221
3 votes
1 answer
1k views

How can I use multiple b-form-radio-group avoiding visual interference among them?

I'm new using Vue and specifically Bootstrap Vue and I'm trying to build a form with multiple radio groups. My problem is that when I change the value in one of them the others don't change their ...
enriquead's user avatar
0 votes
0 answers
280 views

How do I create sidebar menu with sub menus using dynamic data?

I'm trying to create sidebar menu with dynamic data where menu contains 1 or 2 submenus. menuList: [ { "permission_id": 1, "menu_hierarchy": "...
mymail's user avatar
  • 129
1 vote
1 answer
2k views

activate the toggle on one button at a time

I have this code taken from bootstrap: https://bootstrap-vue.org/docs/components/button#pressed-state-and-toggling <template> <div> <b-button-group size="sm"> <b-...
Luca's user avatar
  • 348
2 votes
1 answer
768 views

Keeping the cursor on the textbox after pressing Enter button

I wanted a small help in VUEJS. I have a form and i have a text box. When clicking the enter button its gives me some result and clears the text box but the blinking cursor doesn't come back to the ...
Pheonix's user avatar
  • 177
4 votes
1 answer
363 views

Access parent component scope in b-table slot

Im using a v-slot in a <b-table> so I can create a link. The first part of the link contains data from the datasource. However the querystring has a parameter that I need to include in the link....
Mardo's user avatar
  • 117
1 vote
1 answer
682 views

How to access multiple variables in Vue v-for?

How to change the label in bootstrap-vue in an input group? I am ok with the input field, the issue I have is trying to change the label to different labels? <template> <b-modal id="...
Samantha's user avatar
  • 139
1 vote
1 answer
2k views

How to send modal data to parent in Bootstrap Vue?

I'm new in Vue and Bootstrap Vue. I built a table which uses an array of API data. This table has a button that opens a <b-modal> in a child component. The modal has three fields which append ...
RoachCat's user avatar
2 votes
2 answers
1k views

How do display vue data of clicked element from v-for in modal

This is how my json looks like. I display bunch of them in a v-for format and I am able to click on one of them. I would like to display the data from the element I clicked on in a modal. [{ &...
Dave's user avatar
  • 2,038
1 vote
1 answer
2k views

BootstrapVue insert image inside b-table

I'm looking for the solution how to display an image inside b-table cell. My template: <template v-slot:cell(foto)="data"> <img class="img-fluid img-thumbnail" :src=&...
apb's user avatar
  • 23
1 vote
1 answer
218 views

Bootstrap-vue - Modify Navbar from Vue component?

I have a Vue Bootstrap SPA with the following structure: layout navbar breadcrumb router view component some content I would like my component to inject a submenu to the parent's navbar. For ...
nowox's user avatar
  • 29.3k

15 30 50 per page