# pagination

分页器

# 效果

1 23 ... 26

# 位置

文件目录:resources/src/globalWidget/pagination.vue

# 使用示例

<pagination :total="total" :current="current" @change="pageChange"></pagination>
1
import pageination from '跟进相对路径引入'

export default {
    components: {
        pageination
    },
    data() {
        return {
            total: 256,
            current: 1
        }
    },
    methods: {
        pageChange(page) {
            this.current = page
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 参数

参数名 说明 类型 默认值
total 列表的总数 Number 10
pageSize 每页显示的条数 Number 10
current 当前页数 Number 1

# 事件

事件名 说明 参数
change 切换页面时触发事件 page