javascript - vue如何删除数组中的单个数据

Question

我做了一个todolist的demo. 模板中用v-for列出todos中的数据. {代码...} 数据结构是这个样子: {代码...} 页面是这个样子 我想要当我点击一个todo的时候, 就在todos数据中删除对应的数据. 比如我点击walking, 那么...

PHP中文网 · Answer

如果是vue1.0这样写：


            
                    {{todo.label}}

然后：

methods:{
    
    delete:function(index){
        this.todos.splice(index,1);
    }
}

如果是vue2.0这样写：


                
                    {{todo.label}}

然后

methods:{
    
    delete:function(index){
        this.todos.splice(index,1);
    }
}

PHP中文网 · Answer

可以参考一下官方的demo:
https://vuejs.org/v2/examples...

阿神 · Answer

你点击的时候需要得到todo的索引，再对todos数组进行
arr.splice(index,1);