<div style="display:flex;align-items: center"> <div> <a-pagination v-model:current="current" :total="total" show-quick-jumper :show-size-changer="false" @change="pageChanges"> <template #itemRender="{ type, originalElement }"> <a v-if="type === 'prev'">上一页</a> <a v-else-if="type === 'next'">下一页</a> <component :is="originalElement" v-else></component> </template> </a-pagination> </div> <div style="margin-left: 20px;"> 共{{total}}条记录 第{{ current }}/{{ total/10 }}页</div> </div>
const pageChange = (type:any) => { if(type){ page.current = type; } }; const pageChanges=(page:any,pageSize:any)=>{ pageChange(page) }
//獲取數據 total.value=data.value.length console.log(data.value.length)
const total=ref()
return
pageChanges, total, current: ref(1),