vue3分页器组件

LILEILEILOVE

已于 2022-10-11 15:35:09 修改

阅读量708

点赞数

分类专栏： vue 文章标签： javascript vue.js 前端

于 2022-10-11 15:00:10 首次发布

本文链接：https://blog.csdn.net/LILEILEILOVE/article/details/127263715

版权

1.组件pagination

<template>
  <div class="pagination-wrap">
    <div class="pagination-option">
      <div>第{
   {
    currentSize }}页</div>
      <div>共{
   {
    totalPage }}页</div>
      <div>
        每页
        <Select size="small" v-model:value="size" @change="handlePageSizeChange">
          <SelectOption v-for="item in sizeList" :key="item" :value="item">{
   {
    item }}</SelectOption>
        </Select>
        条
      </div>
      <div>共{
   {
    total }}条</div>
    </div>

    <div class="pagination-option">
      <div @click="toHome">[首页]</div>
      <div @click="pre">[上页]</div>
      <div @click="next">[下页]</div>
      <div @click="last">[末页]</div>
      <div>
        转
        <Input size="small" style=