分页(vPagination)

单组件引入

import <name> from ‘vucc/pagination’;

示例




代码 V

<v-pagination :total="50" :current-page="currentPage" :on-page-change="onPageChange" :page-size="10"></v-pagination>


data() {
    return {
        currentPage: 5
    }
},
methods: {
    onPageChange(val) {
        this.currentPage = val;
    }
}



属性

参数 说明 类型 可选值 默认值
isShow 是否显示分页栏组件 Boolean - true
pageSize 每一页的大小 Number 5, 10, 15 5
total 总页数 Number - -
currentPage 当前分页页码 Number - 1

方法

方法名 说明 类型 传入参数 默认值
onChange 是否显示分页栏组件 Function pageNo, 当前选中的页数 -
onSizeChange 当前页显示多少条下拉列表变更事件 Function sizeNumber, 选中的每页的页数 -
← 表格(vTable) 文本框和文本域(vInput & vTextarea) →