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);
Belum ada Komentar untuk "VueJs multiple input"
Posting Komentar