# 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
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 |