基于vue.js快速搭建图书管理平台(4)

　　删除的原理是取到当前books数组的长度，当前选中的那一条的下标是它的id-1，用splice方法将它删除。

　　然后通过循环，将id比被删除数据大的那些项的id都减去1，保持序号的连续。

　　然后是修改　

updateBook: function(book) {
  $("#add-book").css("display","none");
  $("#update-book").css("display","block");
  id = book.id;
 },
 updatesBook:function(book) {
  this.book.id = id;
  this.books.splice(id-1,1,this.book);
  $("#add-book").css("display","block");
  $("#update-book").css("display","none");
  this.book = {};

　第一个函数就是将修改框弹出来，把添加的框隐藏掉，然后把需要修改的id绑定到一个全局的变量上~

　　然后第一个函数才是真正的修改命令。

　　将刚才绑定的全局变量，赋值给当前id，然后还是用splice方法，用输入的内容把原来的内容替换掉~

　　然后还是同样的，将book对象也就是输入框清空。

结尾

　这样一个简单的信息录入平台就完成了，虽然代码不多，但是足以让我们深深感受到vue的强大。

　未来页面的发展趋势，一定是绕不开这样的设计思路的。

以上所述是小编给大家介绍的基于vue.js快速搭建图书管理平台，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！