I have used vue.js for a couple of projects and I have been using the index as the key in the for loops  <div v-for="(item, index) in items" :key="index"></div>   ...and have started to wonder if there are problems with...

I need to use index on a v-for but on the same level as the directive itself in order to mutate the state being shown.  <template>   <div>     <div v-for="share in sharesPurchased()" :key="share">       <div>...

When looping over an array (or object) with v-for on an inline element, vuejs does not render whitespace around said element.  For example, I have this html:  <div id="app">     Vue Rendering<br>     <a v-for="fruit in frui...

I'm fetching some raw data and displaying a list of items. Each item has a complex property that I generate with a method (which is not a computed property). That property might change on user input. Is it possible to sort the items of the list b...

In my Vue app, I am looping through an array of schools. Each school has a name, an array of teacher counts (one per grade), and an array of student counts (one per grade).  The following code works, but only because I am coding the <td>s manua...

Using v-bind:style works fine when binding color:  <p v-bind:style="{ color: '#' + tradingCardOption.BorderColorHex }">   {{ tradingCardOption.ColorSetName }} </p>   But, binding to the background-color does not work:  v-b...

So this code does adds or delete an entry, But whenever I add or delete, it does not show the changes or rather re-render. I need to refresh the page in order to see what changes had.  note: I am using ME(Vue)N stack.  I have this code:     <scrip...

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'm learning Vue.js and as exercise i'm developing a SPA. I recursively add some icon as imgs via components. (a lot of code has been omitted to focus on the problem)  Vue.js  Vue.component('icon', {   template:      '<img id=&...

First off, please excuse the awful code (we don't have time to fix right now). I know eval is horrible, but for our purposes it was the only thing that worked for us this easily.  This is how we add and remove the rows:  methods: {     addRow: fu...