<template>
  <el-pagination
    class="xt-pagination c-flex-x-end"
    @size-change="sizeChange"
    @current-change="currentChange"
    :current-page.sync="paginationData.currentPage"
    background
    layout="total, sizes, prev, pager, next,jumper"
    :total="paginationData.total"
  >
  </el-pagination>
</template>

<script>
export default {
  name: "El-pagination",
  props: {
    paginationData: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  // 销毁组件时执行
  methods: {
    sizeChange(val) {
      this.$emit('sizeChange', val)
    },
    currentChange(val) {
      this.$emit('currentChange', val)
    },
  },
};
</script>

<style lang="scss" scoped>
.xt-pagination {
}
</style>
