Vue中TodoLists案例_删除

与上一篇Vue中TodoList案例_勾选有三个文件变化了

 App.vue:添加了一个deleteTodo根据id删除方法,传递给儿子组件MyList






MyList.vue:通过props接收deleteTodo函数,并将其传给儿子组件MyItem






MyItem.vue:定义点击事件调用handleDelete()方法,将id传给deleteTodo删除方法进行删除






效果:

Vue中TodoLists案例_删除_第1张图片

 Vue中TodoLists案例_删除_第2张图片

 

你可能感兴趣的:(linerVue,vue.js,javascript,前端)