Flask接口签名sign原理与实例代码浅析
262
2023-01-27
详解vue添加删除元素的方法
相关版实例代码如下:
.form-group{
margin:10px;
}
.form-group>label{
display: inline-block;
width: 5rem;
text-align: right;
}
<div class="form-group">
Name Age Sex Delete
var vm = new Vue({
el:'#app',
data:{
newitems:{
name:'',
age:'18',
sex:'女'
},//newitems默认sBYvhwcE的
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);
}
}
})
大家可以测试以下,感谢大家对我们的支持。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~