好资源导航 » 文章资讯 » vue动态删除从数据库倒入列表的某一条方法

vue动态删除从数据库倒入列表的某一条方法

2023-09-07 21:20:04 56

如下所示：






//导入vue.js

//非常简单了设置了一下css样式

#app{
height:100%;
margin-left:200px;
width:50%;
text-align:center;
background-color:lightpink
}
.tab{
width:600px;
margin-top:30px;
background-color:lightpink;
}
input{
height:25px;
margin-top:10px;
border-radius:5px;
}





姓名:

年龄:

性别:

{{option.gender}}


{{selected}}


创建

姓名年龄性别删除 {{person.uname}} {{person.uage}} {{person.gender}} 删除

newVue({ el:"#app", data:{ msg:"hello", selected:'女', userName:'', userAge:'', options:[ {gender:"男"}, {gender:"女"} ], infoArr:[] }, methods:{ //添加数据的方法 insertInfo(){ varobj={}; obj.uname=this.userName; obj.uage=this.userAge; obj.gender=this.selected; this.infoArr.push(obj); console.log(obj); }, //删除的方法 deleteInfo(index){ this.infoArr.splice(index,1); } } })

以上这篇vue动态删除从数据库倒入列表的某一条方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

vue动态删除从数据库倒入列表的某一条方法

热门推荐

随机推荐