1、适合情形
前端分页一般用于数据量较小的情况,一次请求把数据全部从后端请求回来。
2、前端分页例子
前端分页代码示例github.comcd front-end-page 进入front-end-page 文件夹下
npm install 安装依赖
npm run dev 运行
3、实现关键
使用计算属性对获取的数据进行处理,即computed
中frontEndPageChange
方法。el-table
中的:data
绑定frontEndPageChange
。
<el-table
:data="frontEndPageChange"
stripe
style="width: 1000px;margin:30px auto;"
height="550"
>
</el-table>
computed: { // 计算属性对数据进行处理 frontEndPageChange() {
let start = (this.paginationO