fes.js/packages/fes-doc/docs/ui/templates/pagination/2.md

---
layout: templateLayout
---
```vue
<template>
    <Pagination @on-change="changePage" show-quick-jumper :locking="pagination.locking" :current="pagination.current" :size="pagination.size" :total="pagination.total"></Pagination>
</template>
<script>
export default {
    data(){
        return {
            pagination: {
                locking: false,
                size: 10,
                current: 1,
                total: 100
            },
        }
    },
    methods: {
        changePage({ current, size}){
            console.log(arguments)
        }
    }
}
</script>
```