Admin.UI/src/components/my-pagination/index.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <my-el-pagination
    :layout="currentLayout"
    :page-sizes="sizes"
    :current-page="page"
    :page-size="size"
    :total="total"
    :page-count="pageCount"
    :background="background"
    :small="small"
    style="text-align:right;"
    @size-change="onSizeChange"
    @current-change="onPageChange"
  >
    <template #default>
      <span v-if="checkedCount>0" class="ad-pagination__selection">，已选 {{ checkedCount }} 条</span>
    </template>
  </my-el-pagination>
</template>

<script>
/**
 * 分页组件
 * 使用说明
    <my-pagination
    ref="pager"
    :total="pager.total"
    :checked-count="sels.length"
    @get-page="getData"
    />
    this.pager = this.$refs.pager.getPager()
    this.total = res.data.total
*/
import { addResizeListener, removeResizeListener } from 'element-ui/lib/utils/resize-event'
import MyElPagination from '@/components/element-ui/my-el-pagination'

const layouts = {
  full: 'total, slot, sizes, prev, jumper, next',
  fullPager: 'total, slot, sizes, prev, pager, next',
  simple: 'prev, next',
  simpleJumper: 'prev, jumper, next'
}
export default {
  name: 'MyPagination',
  components: { MyElPagination },
  props: {
    layout: {
      type: String,
      default: layouts.full
    },
    sizes: {
      type: Array,
      default() {
        return [20, 50, 100]
      }
    },
    pageSize: {
      type: Number,
      default: 20
    },