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>...

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...

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...

I am looping an array to generate dropdown as below   <select class="form-control" v-model="compare_version" >             <option               v-for="(version, index) in allVersions"               v-bind:value="...

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...

Can anyone help me with this?  https://codepen.io/iTaurus85/pen/aRNWdy  I can't make  PriceItems.text.content appear in v-list-tile-title using v-for. I want to have something like: Testing plan:  Full access, -, -, -. Basic plan: Full access, Su...