一、子组件代码
<template>
<div class="top">
<div>
<button @click="qianjin" class="qian" :class="currentPage == 1?'disabled':''"><</button>
<button v-for="(n,i) in pagers" :key="i" class="btn" @click="bcg(n,i)"
:class="{wok:n==currentPage,dot:n==='...',dotLeft: n=='...'&&i==1}"
>{
{
n!='...'?n:''}} </button>
<button @click="houtui" class="hou" :class="currentPage == maxPage?'disabled':''">></button>
</div>
</div>
</template>
<script>
export default {
name:"Pagination",
data(){
return{
currentPage:1,
flag:true
}
},
props: {
total:{
type:Number,
required:true
},
pageSize:{
type:Number,
default:30
},
pagerCount:{
type:Number,
default:7
}
},
computed