博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element-ui配合vue分页
阅读量:7126 次
发布时间:2019-06-28

本文共 528 字,大约阅读时间需要 1 分钟。

想了好久才想明白分页的问题,不过现在还有问题,就是在v-for 循环的时候分页的,数据一次都请求过来了!!

上代码 核心代码就是一句

vue:      
data () {    return {      currentPage1: 1,      total: 0,      pageSize: 6,      data: []    }  methods: {    handleSizeChange (val) {      // this.pageSize = val      console.log(`每页 ${val} 条`);    },    handleCurrentChange (val) {      this.currentPage1 = val;      console.log(`当前页: ${val}`);    }

主要是从后台请求回来数据是一个数组,用slice按照当前页面x每页的数量得把返回的数据进行分割。

就可以在页面展示了。当然这不是一个好方法,好方法应该是点击页数发送ajax请求呀。我还没想起来怎么写,我后台就一个data数组应该怎么拆分呢。吼吼吼。

转载地址:http://mseel.baihongyu.com/

你可能感兴趣的文章
安全重要还是隐私重要?面部识别技术帮助警方发现枪击案枪手
查看>>
PHP + NGINX 控制视频文件播放,并防止文件下载
查看>>
二叉搜索树
查看>>
ASP.NET Core MVC I/O编程模型
查看>>
Android收起虚拟键盘
查看>>
基于二分查找(折半查找)的时间范围匹配
查看>>
PYTHON1.day10
查看>>
ThinkPHP/---获取今天开始的时间戳与结束的时间戳
查看>>
【OCP-12c】2019年CUUG OCP 071考试题库(79题)
查看>>
Centos 7.0 Linux - 给普通用户加sudo权限
查看>>
OO第二阶段总结
查看>>
eclipse创建的maven项目中使用javafx
查看>>
如何快速熟悉公司的旧代码
查看>>
python+ddt+unittest+excel+request实现接口自动化
查看>>
第八周周记
查看>>
Jni Error(app bug): accessed stale local reference 的另类出现方式
查看>>
myeclipse 解决乱码问题
查看>>
iOS Https 配置 及AFN 相关配置
查看>>
Table-Valued Parameters in SQL Server 2008 (ADO.NET)
查看>>
推荐系统常用的算法参考
查看>>