前端:el-pagination分页

代码:

<el-pagination 
    @current-change="changePage" 
    :page-size="6"  <!--每页数量-->
    :pager-count="7"  <!--能显示的页码,注意是pager不是page-->
    background
    layout="prev, pager, next" 
    :total="dataCount"   <!--注意dataCount从后端接收后的数据格式,看看是否有必要用parseInt把字符串转数字-->
/>

切换页面触发的事件:@current-change="changePage"

注意:total是总数据量,不是总页数!!!

绑定的函数中要做的事情:向后端请求新的页面和总页面,注意,该函数在html上不需要传递参数,在写函数体的时候需要写形参:

function changePage(pageNum:number){
    testPaperStore.getTestPaper(pageNum,(dataCount, sumPageCount)=>{  //  向后端获取数据放在changePage里面,并在页面挂载时调用它
        pageData.value.DataCount = dataCount, pageData.value.sumPageCount = sumPageCount;
        pageData.value.currentPage = pageNum;
        formDate();
    });
}
posted @ 2024-03-03 16:44  惊朝  阅读(100)  评论(0编辑  收藏  举报