JSFiddle - React, Tailwind, and code Playground

by John Passmore

HTML

<body id="app">
<div v-for="benefit in benefits" track-by="$index" class="Quote__list">
  <div class="Benefit Form--default">
    <select v-model="benefitType" @change="updateBenefitItem($index)">
      <option value="Teacher" selected>Teacher</option>
      <option value="Care Taker">Care Taker</option>
      <option value="Support Staff">Support Staff</option>
    </select>
  </div>
  </div>
</body>

JavaScript

new Vue({
    el: '#app',
    data: { 
			 benefits:[1,2,3],
		},
		ready() {
 			   	
    },
    methods()
    {
      updateBenefitItem(n)
      {
       //log out the value
       console.log(this.benefits)
      }
    }
});