<template>
  <div class="demo-pagination-full">
    <ui-pagination
      :current-page.sync="page"
      :page-size.sync="pageSize"
      :total="total"
      :on-change="handleChange"
      layout="total,prev,pager,next,sizes,jumper">
    </ui-pagination>
  </div>
</template>

<script>
import { Pagination } from "amumu-ui"
export default {
  components: {
    "ui-pagination": Pagination,
  },
  data() {
    return {
      page: 1,
      total: 290,
      pageSize: 20,
    }
  },
  methods: {
    handleChange(page) {
      this.page = page
    },
  },
}
</script>
