好资源导航 » 文章资讯 » 详解vue添加删除元素的方法

详解vue添加删除元素的方法

2023-09-10 23:01:04 77

相关版实例代码如下：





vue实例：添加删除元素r

.form-group{
margin:10px;
}
.form-group>label{
display:inline-block;
width:5rem;
text-align:right;
}





name:

age:

sex:

男女

Create

Name	Age	Sex	Delete
{{item.name}}	{{item.age}}	{{item.sex}}	Delete

varvm=newVue({ 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); } } })

大家可以测试以下，感谢大家对毛票票的支持。

返回顶部
514930285
czq8825@qq.com

详解vue添加删除元素的方法

热门推荐

随机推荐