adm-pagination.vue 753 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <el-pagination
  3. class="adm-pagination"
  4. :current-page="currentPage"
  5. :page-sizes="paginationList.sizes"
  6. :page-size="paginationList.size"
  7. layout="total,sizes,prev,pager,next,jumper"
  8. :total="paginationList.total"
  9. />
  10. </template>
  11. <script lang="ts">
  12. // 当前页,总数,范围
  13. interface Pagination {
  14. size: number
  15. total: number
  16. sizes: []
  17. }
  18. import { Vue, Component, Emit, Prop } from "vue-property-decorator";
  19. @Component({
  20. name: 'adm-pagination'
  21. })
  22. export default class extends Vue {
  23. @Prop({ type: Object, default: {} }) paginationList ?: Pagination
  24. @Emit('currentPage')
  25. currentPage(val: number) {
  26. return val
  27. }
  28. }
  29. </script>
  30. <style scoped>
  31. </style>