15 基于Vue + 数据组装 + axios请求接口 实现图书信息提交功能实战

前言

上节回顾

上一节针对图书信息录入前的准备做了讲解，主要是使用ElementUI的el-form做录入界面基本布局，包含了el-input el-select el-date-picker 还有图片上传等组件。同时在布局完成后，配合使用el-form自带的rules进行数据提交前验证。还不明白上下文的同学可以去看一看 ： 使用Vue + el-form + rules实现图书信息录入功能实战

本节介绍

这一节已经是本专栏的第13篇实战博客了，在上一节的基础上，提交数据已经验证完成了，该开始组装数据，再利用axios进行提交了。一旦提交成功，项目中一大块功能就算完成了，接下来就该图书列表模块了。

目录

前言

一、数据组装

1. 默认数据组装

2. Vue项目JSON数据的组装

二、axios请求的功能点

1. 新建api文件

2. 维护录入图书url

3. 添加录入图书信息的请求方法

三、业务组件内发送请求

1. 引入请求方法 

2. 发送请求

3. 接口返回数据的处理 

4. setTimeout要不要手动清除