Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
ERROR VUEJS SAAT SPLICE
Uncaught ReferenceError: $index is not defined
<body>
<div id="app">
<ul>
<input type="text" v-model="newTodo" v-on:keyup.enter="addTodo">
<li v-if="!todos.length">
<p>Belum ada tugas</p>
</li>
<li v-for="todo in todos">
{{ todo.text }}
<button v-on:click="removeTodo($index)"> X </button>
</li>
</ul>
</div>
<script src="vue.min.js"></script>
<script>
new Vue({
el: '#app',
data: {
newTodo: '',
todos: [],
done: false,
},
methods: {
addTodo: function(){
var newItem = this.newTodo.trim()
if(newItem){
this.todos.push({text: newItem})
this.newTodo = "";
}
},
removeTodo: function(index){
this.todos.splice(index, 1)
}
}
});
</script>
</body>
Disini saya menggunakan vue 2.5.21 apakah syntaxnya berbeda?? saya coba ganti ke versi 1.0.25 bisa
Tanggapan
cek "aturanmain" bagaimana cara upload gambar dan cara bertanya yang baik ya gan
btw kalo tulis pertanyaan, tulisan kecil aja ya, tidak perlu dicapslock, terimakasih
1 Jawaban:
Iyap sepertinya memang sudah beda APInya bisa dilihat di<a href=' https://vuejs.org/v2/guide/list.html '> dokumentasi yang vue 2</a> untuk ngeloop item dengan index bisa seperti ini
<pre> <ul id="example-2"> <li v-for="(item, index) in items"> {{ parentMessage }} - {{ index }} - {{ item.message }} </li> </ul> </pre>
