Postingan lainnya

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

vue javascript

@Faisal282

9 Kontribusi 4 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

cek "aturanmain" bagaimana cara upload gambar dan cara bertanya yang baik ya gan

@hilmanski

btw kalo tulis pertanyaan, tulisan kecil aja ya, tidak perlu dicapslock, terimakasih

@hilmanski

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>

@hilmanski

2670 Kontribusi 2132 Poin

Dipost 5 tahun yang lalu