vue自定义分页组件案例

自定义bootstrap3的分页组件






文档

  • 属性值Props
    page: 当前页码数, 默认: 1, 支持.sync
    pageSize: 每页显示条目数, 默认: 10
    total: 总条目数, 默认: 0
    pageSizeList: 可用于更换pageSize的列表, 默认: [10, 15, 20, 25, 30]
    pageListCount: 显示多少页码数, 默认: 5
    showJumper: 显示页码跳转器, 默认: false
    showSizes: 显示每页显示条目数修改器, 默认: false

  • 方法
    changePage: 当当前页被修改时触发, 回调参数: currentPage
    changePageSize: 当每页显示条目数被修改时触发, 回调参数: pageSize

  • 注意事项

  • props定义之后, 不可被修改, 要修改则映射到data中再修改

你可能感兴趣的:(vue自定义分页组件案例)