社区微信群开通啦，扫一扫抢先加入社区官方微信群
社区微信群
利用Vue和bootstrap来实现一个设备管理系统，主要功能为：
1.增加产品的信息（包括产品名称，产品价格，生产厂家和产品数量）
2.删除某一条产品信息（在点击删除时会弹出警示框）
3.点击全部删除按钮，会将已经录入的产品全部删除
1.首先引入bootstrap中的框架，对整体进行布局（到官网直接引用后更改文字描述即可）
2.设置添加按钮，绑定add()
add(){
this.equipments.push(this.newEquipment);
this.newEquipment={}
}
3.设置删除按钮和弹出警示框
del(){
this.equipments.splice(this.flag, 1);
} ,
setFlag(index){
this.flag = index;
},
4.通过v-for遍历最开始录入的数据
5.设置全部删除按钮
clear(){
this.equipments=[]
}
1.主界面
2.添加产品信息后
3.点击删除按钮后
如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！
