All Questions
173 questions
1
vote
1
answer
126
views
Vuejs 2 Multilevel Dropdown
update;
<template>
<div class="container">
<div class="dropdown">
<button class="btn btn-default" @click="toggleDropdown"&...
- 21
1
vote
2
answers
238
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,047
0
votes
1
answer
53
views
Vue Js data is not updated inside computed generated elements
I have used a bootstrap table in my projects. The fields are populated at computed such as
<b-table :items="items" :fields="tableFields">...</b-table>
computed: {
...
- 3,347
0
votes
0
answers
44
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
3
votes
1
answer
2k
views
Prevent fields from being auto-filled by LastPass Extension
I have a form component used for searching, but LastPass keeps treating it as an email / username field and auto populating it.
I've looked at past discussions on StackExchange, and the accepted ...
- 61
0
votes
1
answer
114
views
How to restart auto-dismissing <b-alert>?
I have created a vuejs2 component that I want to do the following:
Receive an "event" using $on and display a <b-alert> for 6 seconds.
When the same "event" message is ...
- 517
0
votes
0
answers
59
views
Optimize rendering of inputs
I have this code :
<div v-if="room.expanded">
<div class="panel position-relative panel-content dates-panel">
<div class="dates-header d-flex">
...
- 809
1
vote
1
answer
692
views
Bootstrap Vue: allow only floating point numbers for text input
How exactly do we only allow floating points numbers with bootstrap vue form inputs?
For example: 1.0, 2.20. For usability reasons I try to avoid the number type.
<template>
<b-form-input ...
- 3,242
0
votes
1
answer
318
views
How to make bootstrap pagination work in VueJS 2
My website looks like this:
Jobs.vue:
<div
id="jobs"
class="job-item"
v-for="(item, index) in showJobs"
:key="...
- 95
0
votes
2
answers
1k
views
How to use bootstrap-vue tables with cell templates
I am using bootstrap-vue, specifically the b-table feature that allows custom data rendering with templates. No matter what I try, I get an error complaining that the data prop for the row is not ...
- 757
0
votes
1
answer
348
views
How to use mouseleave event to close Bootstrap-Vue Tooltip
I have a custom color Vue 2 picker component created using a combination of bootstrap-vue button and tooltip components like so:
<template>
<div>
<b-button
ref=&...
- 4,315
2
votes
1
answer
134
views
Calling only children button not parent in a list-group bootstrap vue js
My question is how can I click on children button (b-form-spinbutton) without trigger on the list group item?
<b-list-group class="slots-list pr-2" >
<b-list-group-item v-for=&...
- 97
1
vote
2
answers
248
views
How to call these BootstrapVue component methods from watch?
I have a BootstrapVue table with the following code in a single HTML file;
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://unpkg.com/...
- 5,047
1
vote
1
answer
937
views
How to make bootstrap-vue Toast component interpret HTML tag
I would like my toast to interpret HTML tags inside the message props and without having to call the toast from the template ,
For example :
this.$bvToast.toast('Lorem ipsum <b>dolor</b&...
- 190
2
votes
2
answers
1k
views
How to change the border variant of a selected Bootstrap Vue card when clicked in v-for
I have my b-card and v-for showing and functioning mostly as desired, the one issue I'm running into is changing the border-variant of a card that is selected. So far I have tried nesting the v-for ...
- 143