ele-ui 里面的分页操作

html:
<pagination class="pagination" :pages="pages" @changePage="changePage"></pagination>js:
async getData(data){this.result = await getGoodsAll(this.query);  // 查询所有物品// 分页数据var pages = {"total" : this.result.data.total,"pageNum" : this.result.data.pageNum,"pageSize" : this.result.data.pageSize}// 设置分页组件参数this.pages = pages; // console.log(pages);              //   pageNum:1;pageSize:15;total:42
},// 分页操作
changePage(data){this.query.pageNum = data.pageNum;this.query.pageSize = data.pageSize;this.getData(this.query);
},data:{return{query : {itemName : "",pageNum : 1,  // 当前页数pageSize : 15,  // 最大页数},pages : {}, // 分页组件参数    }
}

ele-ui 里面的分页操作相关推荐

element ui实现前端分页
element ui里的分页组件: <el-pagination@size-change="handleSizeChange"@current-change="ha ...
UI设计师面试如何操作才能获得高薪
UI设计师在近几年是非常吃香的,求职招聘网站上对于UI设计师的要求也越来越高,那么在面试的过程中UI设计师面试如何操作才能获得高薪呢?来看看下面的详细解析. UI设计师面试如何操作才能获得高薪? 1. ...
适合千万数据查询分页操作的一个通用存储过程
适合千万数据查询分页操作的一个通用存储过程一.引言最近上班比较忙,所以就很少写东西了,MongoDB系列的文章也要拖后了,没办法,工作第一,没工作就没饭吃了.今天正好 ...
lucene的两种分页操作
2019独角兽企业重金招聘Python工程师标准>>> lucene的两种分页操作博客分类: 搜索引擎,爬虫 java 基于lucene的分页有两种: lucene3.5之前分页提 ...
ajax实现分页操作
利用ajax请求数据的特点,来实现分页操作. 主要是利用ajax进行后端分页,当点击对应的页数,ajax请求数据库对应的数据,后端分页可以降低前端请求数据的压力,页面渲染起来比较流畅. 根据后台请求的 ...
html中div分页操作
//栏目分页操作,js代码var allPages;var cnt;var indexs;var boxes;$(function() {var $div = $("#rdjggs" ...
Layui的分页操作
我在开发的过程中用layui去实现前端页码的分页操作,但是在部署的过程中,发现我前端的数据是分页来读取数据的,所以这个layui的方法不能满足需求,我需要使用分页操作的js代码去读取数据,并且在这里记 ...
【MySQL】MySQL中如何实现分页操作
MySQL中的分页操作一. 背景什么是分页,就是查询时候数据量太大,一次性返回所有查询结果既耗费网络资源.又降低了查询效率,用户也不可能一下子看完成千上万条数据.所以分页的技术就应运而生.分页可以 ...
poi设置excel打印时分页操作
poi设置excel打印时分页操作使用poi的Sheet对象 Workbook desWorkbook = new HSSFWorkbook();Sheet desSheet = desWorkbo ...

ele-ui 里面的分页操作

ele-ui 里面的分页操作相关推荐

最新文章

热门文章