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>
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;
})
}
更详细介绍请移步官方连接