All Questions
53 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 ...
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....
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 ...
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 ...
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
...
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 ...
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": "...
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-...
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 ...
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....
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="...
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 ...
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.
[{
&...
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=&...
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 ...