您的位置: 首页 > 文章 > 分页实现 分页实现 分类: 文章 • 2023-02-26 00:04:28 分页实现 我们要实现的效果:这里最复杂的是中间的1~5的分页按钮,它需要动态变化。 思路分析: 最多有5个按钮,因此我们可以用v-for循环从1到5即可 但是分页条不一定是从1开始: 如果当前页值小于等于3的时候,分页条位置从1开始到5结束 如果总页数小于等于5的时候,分页条位置从1开始到总页数结束 如果当前页码大于3,应该从page-3开始 但是如果当前页码大于totalPage-3,应该从totalPage-5开始