16 使用Vue + 列表检索 + el-table + el-pagination 实现图书列表实战

前言 

上节回顾

截止到上一节，我们把图书录入做完了，使用了el-form、表单验证、入参数据组装、图片上传等功能。不明白上下文的同学可以回过头去看一下，希望可以跟上节奏：基于Vue + 数据组装 + axios请求接口 实现图书信息提交功能实战

本节介绍

这一小节是第14篇实战内容了，这一小节相对来说就简单的多了，布局列表检索项、展示列表区域、进行分页处理，几乎列表页大概也就是这么三大模块。

目录

前言 

一、列表检索区的实现

1. 面包屑

2. 检索区的布局 

3. 绑定数据一 一 对应

二、列表区域的实现 

1. 表头布局

2. 图书列表请求方法

3. 请求列表接口维护

4. 业务组件调用 

5. 查看返回列表数据

三、底部分页

1. el-pagination布局

2. 切换每页条数和页码

四、跳转到修改图书信息页

最后

---

一、列表检索区的实现

列表页顶部会有检索区，目的就是通过一些检索项，在成千上万条列表数据里，快速的找到自己需要的数据，进而展开自己所需要的操作。在本案例中，图书管理嘛，根据我们录入的图书信息，