I'm using the VueJS Vuetify framework and I need to open a dialog - that gets imported as a component template - from another template. Once the Menu button in App.vue got clicked, the Modal should open. Here is my setup:   App.vue = navigation t...
My vue component like this :          <template>     ...         <b-col v-for="item in items"                v-bind:key="item.id"                cols="2">             ...             <strong slot="header"...
Normally using Vue as an out of the box solution with Laravel so it just 'works'.  I am adding it now to a WordPress build but have an issue with an inline template.  Every looks fine, but it will not do anything in the mounted method and say...
I make card deck group using this tutorial : https://bootstrap-vue.js.org/docs/components/card/#card-deck-groups  My script like this :   <template>   <div class="animated fadeIn">     <b-card-group deck v-for="row in forma...
My component looks like this:  <template>     <div>         <div v-if="!loaded">             <p><i class="fas fa-spinner fa-spin"></i> Loading feed</p>         </div>          <div v-...
I have following kind of code:  <div>   <compA />   <compB /> </div>   How do I make sure that first compA is rendered only after it compB is rendered.  Why I want is I have some dependency on  few elements of compA, and style...
I am using lodash to debounce a function call but I am wondering why my this value is not inheriting the scope like I expect.  These are are the relevant parts of my Vue component.  import debounce from 'lodash/debounce';  watch: {     query:...
I am building a Vue JS SPA, and have a Vuetify data-table inside of the v-app. I am trying to set a variable inside the watch object for the filteredItems computed property inside the data-table but I am unsure of how to access the $refs array inside...
For example: <component v-model='foo' :is='boo' ...>.   foo's value stays the same during input.   I'm trying to solve the issue for quite a long time. I've checked lots of questions and threads but none of those hel...
in my component I am using VueStrap's modal like this:  <template>     <modal-window v-model="show" v-on:keyup="keyHandler($event)" @ok="submit()" @cancel="cancel()" @closed="close()" ... >...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.