Element分页基础用法

Element

1.分页

基础用法

<!-- layout: 显示的模块
     prev-text: 上一页按钮的替换文案
     next-text: 下一页按钮的替换文案
	 current-change: 当前页发生改变时的函数 参数: 当前页
 	 next-click: 上一页按钮单击事件
     prev-click: 下一页按钮单击事件
	 total: 总页数
-->
<el-pagination
        layout="prev, pager, next"	
        prev-text="上一页"
        next-text="下一页"
        @current-change="currentpage"
        @next-click="init(pageInfo.nextPage,10)"
        @prev-click="init(pageInfo.prePage,10)"
        :total="pageInfo.total">
</el-pagination>

Element分页基础用法
currentpage函数

/**
	val: 当前页
*/
currentpage:(val)=>{
	_this.init(val,10);
}

init函数

/**
	pageName: 当前页
	size: 每页条数
*/
init:(pageName,size)=>{
	axios.get(`url/${pageName}/${size}`).then(result=>{
		_this.zhihuusers = result.data;
    })
}

更详细介绍请移步官方连接

上一篇:php原生分页类


下一篇:elementui删除当前页的最后一条数据自动返回上一页