I am new in Vue, I want to create a Loop (v-for) for creating something like  this block  <div class="The-row">  <span> {{ * }} </span>  <span> {{ * }} </span> </div>   in this block each 2 span wrap with a...

I have a very simple page that contains two tabs, each tab contains a list of reports with different status.   The way I am trying to do is, I have two different data source array, one for each tab and third array that is to denote current displaying...

So I have a Vue page where I'm looping through a few items and I have the following code:  <div v-if="behavior !== 'selected' && filterItems.length >= 5"></div> <div v-for="(itemName, index) in filter...

I'm trying to intergrate stripe elements in a vue app. I have successfully done so previously. But now i'm trying to do it again in a v-for loop.  I've made sure that the stripe element is only loaded after the Dom element is rendered. Th...

let's say we have 5 buttons with exactly same features. This is why I thought rather than copying and pasting these 5 buttons why I wouldn't use v-for.   methods: {     a() {},      b() {},     ... }   Rather than   <v-btn block color="...

I am creating 6 Cards from an array using v-for successfully. The issue is that I am also trying to create a Modal for each Card which contains each card's the unique card details. For exmaple: The card's title, link, author, img, category in...

I'm having trouble rendering router-link properly with v-for directive.  What I want is that, I want the side menu to have a link that leads the user to the page that url corresponds with the name of the side menu element. So, if the element is &...

Looping through a Firebase project using v-for and having a devil of a time trying to get one value (imgurl) for each item. Here are a couple rows form the firebase object:  firebase data  Here is my script code in App.vue.  <script> import Fi...

I try this following code with Vue.js 2:  <div id="app">   <div v-for="(item, index) in items">     <div>       <input type="text" v-model="items[index].message">       <input type="text&...

I have an issue where I can't get a child component to update when new data is passed to it. The data is passing OK but the component doesn't update.  If I change the :key to the object rather than a unique ID it works! But I get a warning er...