vue single select

by slownoise

HTML

<div id="editPlanApp">
  <select v-model="status" class="form-control">
    <option v-for="status in allStatus" v-bind:value="status.id">
      {{ status.text }}
  </select>
</div>

JavaScript

var allStatus = [
    {id: 1, text: "Ongoing"},
    {id: 2, text: "Released"},
    {id: 3, text: "Delay"},
    {id: 4, text: "Hold"}
];

var editPlanApp = new Vue({
    el: '#editPlanApp',
    data: {
        allStatus: allStatus,
        status: 1
    }
});