Vue实现todolist删除功能
前端之家收集整理的这篇文章主要介绍了
Vue实现todolist删除功能，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
子组件向父组件传递数据使用 this.$emit('delete',this.index)该方法
Vue.component('todo-item',{
props:["content",'index'],template:"
{{content}}{{index}}",methods:{
handleSubmit:function () {
this.$emit('delete',this.index)
}
}
})
new Vue({
el:'#app',data:{
inputValue:'',list:[]
},methods:{
handleSumbit:function () {
this.list.push(this.inputValue);
this.inputValue="";
},handleDelete:function (index) {
this.list.splice(index,1)
}
}
})
总结
以上所述是小编给大家介绍的Vue实现todolist删除功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/31783.html
