I have created a form and I'm trying to understand how to use v-model with nested properties in Vue.js  This is the code for my template, as you can see I'm trying to reference the nested properties like so: form.dobDate, but how do I referen...

I am working with Bootstrap Vue JS table component to create a datatable: https://bootstrap-vue.js.org/docs/components/table  I am new to VueJS and am uncertain on how to approach this problem which makes searching for a solution even more complicate...

I have been looking for a way to drag and drop rows on a Bootstrap Vue table. I was able to find a working version here: Codepen  I have tried to implement this code to my own table:  Template:  <b-table  v-sortable="sortableOptions" @clic...

I'm trying to add some custom styles to a dropdown menu component which uses Bootstrap-Vue. I'm using the documentation here.  Here is my template:   <div class="container">   <b-dropdown id="dropdownMenuButton" text=...

I have the following code in HTML (coded with Vue JS & Bootstrap):  <b-tabs card>         <b-tab title="Followers" :title-link-class="'tab-title-class'">               Page View graph here         </b-tab>...

So I'm using Vue and Bootstrap-Vue.  The context: This is a register page which I have 2 tabs, where when the first tab is completed then you can hit the button and pass to the second tab. The second one have the 'disabled' attribute, and...

I'm using b-form-datepickerand I'd like to use an additional button which would reset the selected date to a default state. The button also resets another datepicker, an input form and a dropdown-multiselect. I have successfully implemented t...

I have a table with date objects, which I transform for display like this:  {    key: "date",    formatter: (value, key, item) => {      return moment(value).format("L");    },    sortable: true }   This breaks the sorting function...

I'm pretty sure I just don't understand how to implement Vue's Event Modifiers. According to that documentation, all I have to do is add this:  <!-- the click event's propagation will be stopped --> <a v-on:click.stop="do...

returning this.user (a global computed property) works as expected. Of course, I'm making a copy because I do not want to overwrite the actual user data. So, I'm using Object.assign. However, once I include return Object.assign({}, this.user)...