分页

<!--分页开始-->

<div class="page flex">

<div class="page-left">

<div v-if="resFindBtn.total">

共{{resFindBtn.total}}条数据，每页{{pageValue}}条，共{{Math.ceil(resFindBtn.total / pageValue)}}页

</div>

</div>

 

<div class="flex alignItemCenter" v-if="resFindBtn.total">

<button class="page-btn marginRight10 cur " @click="homePage">首页</button>

<button class="page-btn marginRight10 cur" @click="prePage">上页</button>

<button class="page-btn marginRight10 cur">{{curPage}}/{{Math.ceil(resFindBtn.total / pageValue)}}</button>

<button class="page-btn marginRight10 cur" @click="nextPage">下页</button>

<button class="page-btn marginRight10 cur" @click="endPage">尾页</button>

<!--<button class="page-select marginRight10">10条/页</button>-->

<el-select v-model="pageValue" class="myInput" @change="pageChange">

<el-option

v-for="item in myPage"

:key="item.value"

:label="item.label"

:value="item.value">

</el-option>

</el-select>

<div class="marginRight10">跳至</div>

<!--<button class="page-btn marginRight10">5</button>-->

<el-input v-model="jumpPage"></el-input>

页

<button class="page-btn marginRight10 cur" @click="jumpPageHandle">确定</button>

</div>

</div>

<!--分页结束-->

curPage: '1',//当前页数

pageValue: '10', //第几页

pageCount:'',

jumpPage:'1', //跳转至xx页数

 

//----------------------------执行的函数---------------------------

// 切换页面

pageChange(){

this.curPage = 1;

},

//分页中首页

homePage() {

this.curPage = 1;

this.findOrder(); //重新调用的接口数据

},

prePage() {

let totalPage = Math.ceil(this.resFindBtn.total / (this.pageValue));

if (this.curPage <= totalPage && this.curPage > 1) {

this.curPage--;

this.findOrder();//重新调用的接口数据

}

},

nextPage() {

let totalPage = Math.ceil(this.resFindBtn.total / (this.pageValue));

if (this.curPage < totalPage && this.curPage >= 1) {

this.curPage++;

this.findOrder();//重新调用的接口数据

}

},

endPage() {

// 总共多少页

let totalPage = Math.ceil(this.resFindBtn.total / (this.pageValue));

this.curPage = totalPage;

this.findOrder();//重新调用的接口数据

},

jumpPageHandle() {

this.curPage = this.jumpPage;

let totalPage = Math.ceil(this.resFindBtn.total / (this.pageValue));

if (this.curPage > totalPage) {

this.endPage();

} else {

this.findOrder();//重新调用的接口数据

}

},