Postingan lainnya
Cara menambah objek ke dalam array?
Kenapa kode di bawah ini error ya saat tombol Tambah di klik? padahal kalau dari console bisa menambah object dengan cara ini
<div id="app">
<input type="text" v-model = "key">
<ul>
<li v-for="member in members | filterBy key in 'name' 'age' ">
Name : {{ member.name | uppercase}}<br>
Age : {{ member.age }}
</li>
</ul>
<button @click="add()">Tambah</button>
</div>
<script src="js/vue.js"></script>
<script>
let vo = new Vue({
el: "#app",
data: {
members: [
{name: "irman", age: 20},
{name: "billy", age: 30},
{name: "gate", age: 23}
],
key: ""
},
methods: {
add: ()=> {
this.members.push({name: "hafiz", age: 3});
}
}
});
</script>
1