文章目录 一、封装axios 1、执行以下命令安装axios 2、在项目中src 目录下新建一个文件夹 utils,并在其中新建 axios.js文件 3、将以下内容复制到axios.js中 4、在main.js中导入并注册封装好的axios 5、修改 HomeView.vue中 load 方法中的数据请求方式 二、HomeView.vue搜索旁边添加重置按钮 1、添加重置按钮 2、定义重置函数 三、新增功能 1、添加点击新增按钮的弹窗 2、实现表单数据提交,完成新增用户 四、编辑功能 1、编辑功能实现 2、编辑新增弹窗动态标题 五、删除功能 1、给删除按钮添加二次确认框 2、执行删除的方法定义 3、调整删除按钮跟编辑按钮的排版 六、批量删除 1、添加表格全面的多选框 2、添加多选框发生变化时触发的事件 3、定义多选框发生变化时事件调用的方法 4、编写批量删除接口 5、前端调用批量删除实现 七、解决新增完成之后再次打开弹窗上一次新增的数据没有被清空的问题 一、封装axios 1、执行以下命令安装axios cnpm i axios 2、在项目中src 目录下新建一个文件夹 utils,并在其中新建 axios.js文件 3、将以下内容复制到axios.js中 import axios from 'axios' // 后端接口的基础地址 const ConfigBaseURL = 'http://localhost:8088/' export default { install