Flask接口签名sign原理与实例代码浅析
214
2023-03-25
基于Vue实现图书管理功能
本文实例为大家分享了vue简单的图书管理具体代码,供大家参考,具体内容如下
书名:
作JQmMqX者:
价格:
new Vue({
el:'#books',
data:{
books:[
{id:1, name:'红楼梦', author:'曹雪芹', price:'1'},
{id:2, name:'西游记', author:'吴承恩', price:'2'},
{id:3, name:'水浒传', author:'施耐庵', price:'3'}JQmMqX
],
newBook:{
id:0,
name:'',
author:'',
price:''
}
},
methods:{
delBook:function(idx){
if(window.confirm('确认要删除?')){
this.books.splice(idx, 1);
}
},
addBook:function(){
// 约束
if(this.newBook.name.length == 0) {
alert('书名不能为空');
return;
}
if(this.newBook.author.length == 0){
alert('书的作者不能为空');
return;
}
if(this.newBook.price.length == 0){
this.newBook.price = '0'
}
// 计算插入id
var maxId = 0;
for(var i=0; i if(maxId maxId = this.books[i].id; } } this.newBook.id = maxId+1; // 插入到 books中 this.books.push(this.newBook); // 清空新书 this.newBook = {}; } } }); 效果图:
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~