随着页面数据越来越多,一次性加载所有数据会对后端服务造成压力,同时加载速度慢也会影响用户体验,所以我们通常使用分页的方式来提高性能,优化体验。
很多其他博客中都是后端返回所有数据,前端再进行截取,个人认为这样并没有实现真正意义上的分页,所以本博客中由后端实现数据分页,前端只负责展示和处理。
vue 分页可以通过 iView 的 Page 组件来实现,简单高效。
一. vue 的 Page 组件实现前端分页
1. 在 vue 文件中引入 Page 组件
<template>
<div>
<div>
<ul>
<li class="movie" v-for="movie in movieList">
<span class="t">{
{movie.movieName}}</span>
</li>
</ul>
<!-- 引入Page组件 -->
<Page :total="total" :current="currentPage" :page-size=