Ant Design Vue分页Pagination

<template>
    <div>
        <a-pagination
            show-quick-jumper
            v-model:current="current1"
            :total="500"
            @change="onChange"
        />
    </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
    setup() {
        const current1 = ref<number>(1)
        const onChange = (pageNumber: number) => {
            console.log('Page: ', pageNumber)
        }
        return {
            current1,
            onChange,
        }
    },
})
</script>

posted @ 2021-07-23 15:31  南风晚来晚相识  阅读(1085)  评论(0编辑  收藏  举报