尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili
这是该案例删除功能的视频链接。
问题:
点击删除后,todos数组并没有删除指定的数据。实现删除的代码是
//删除一个todo
deleteTodo(id){
this.todos = this.todos.filter(todo=>{
return todo.id != id
//filter()创建一个数组,新数组的元素是通过检查指定数组中符合条件的所有元素。它不会对空数组检测,不会改变原始数组。筛选出符合条件的值
})
}
解决办法:
尴尬,myItem组件里面的点击事件的函数忘记传参了。将myItem的第9行的参数补上就解决问题了。
<button @click = 'handleDelete(todo.id)'>删除</button>