VueJs multiple input

 <div id="app">
  <h1>Finds</h1>
  <div v-for="(find, index) in finds">
    <input v-model="find.value">
    <button @click="deleteFind(index)">
      delete
    </button>
  </div>
 
  <button @click="addFind">
    New Find
  </button>
 
  <pre>{{ $data }}</pre>
</div>

 

new Vue({
  el: '#app',
  data: {
    finds: []
  },
  methods: {
    addFind: function () {
      this.finds.push({ value: 'def' });
    },
    deleteFind: function (index) {
      console.log(index);
      console.log(this.finds);
      this.finds.splice(index, 1);
    }
  }
});

 atau

var valueToPush = {}; // or "var valueToPush = new Object();" which is the same

valueToPush["name"] = '';

valueToPush["discount"] = 0;

valueToPush["kuota"] = 1;

this.data_voucher.push(valueToPush);

 

 

 

Bagikan Artikel ini