spfm-market-front/src/pages/main/performance/components/pagination.vue

<!--
 * @Author       : yuanrunwei
 * @Date         : 2021-11-01 18:11:59
 * @LastEditors  : yuanrunwei
 * @LastEditTime : 2021-11-02 14:27:11
 * @FilePath     : \spfm-front\src\pages\main\dataConfig\components\pagination.vue
-->
<template>
    <el-pagination
        class="simple-pagination"
        @current-change="handleChange"
        layout="prev, pager, next"
        background
        :current-page="page"
        :total="total"
    >
    </el-pagination>
</template>
<script>
export default {
    props: {
        page: {
            type: Number,
            default: 0
        },
        total: {
            type: Number,
            default: 0
        }
    },
    data: () => ({}),
    methods: {
        handleChange(page) {
            this.$emit("change", page);
        }
    }
};
</script>