Vue实现todolist删除功能

发布时间：2020-12-17 03:11:09 所属栏目：百科来源：网络整理

导读：代码如下所示：子组件向父组件传递数据使用 this.$emit('delete',this.index) 该方法总结以上所述是小编给大家介绍的Vue实现todolist删除功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

代码如下所示：

子组件向父组件传递数据使用 this.$emit('delete',this.index)该方法

Vue.component('todo-item',{ props:["content",'index'],template:"

",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删除功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!