本篇文章给大家分享了vue添加删除元素的方法以及相关实例代码，有兴趣的朋友参考一下。
相关版实例代码如下：
nbsp;html>vue实例：添加删除元素r .form-group{ margin:10px; } .form-group>label{ display: inline-block; width: 5rem; text-align: right; }
男 女
登录后复制
NameAge
Sex
Delete
{{item.name}} {{item.age}} {{item.sex}} var vm = new Vue({ el:'#app', data:{ newitems:{ name:'', age:'18', sex:'女' },//newitems默认的 items:[{ name:'lily', age:18, sex:'女' },{ name:'lily', age:18, sex:'女' },{ name:'lily', age:18, sex:'女' },{ name:'lily', age:18, sex:'女' },{ name:'lily', age:18, sex:'女' }] }, methods:{ addPerson:function(){ this.items.push(this.newitems)//往items中添加newitems this.newitems = {name:'',age:'18',sex:'女'} },//添加元素 deletePerson: function(index){ // 删一个数组元素 this.items.splice(index,1); } } })
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
立即学习“前端免费学习笔记（深入）”；
关于vue.js数组的变异方法
关于vue.js数组的变异方法
以上就是解析vue添加删除元素的方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2747813.html
