text-pagext v0.1.2

ts-vue-page-item

Usage

import Page from 'ts-vue-page-item'

components: { Page }

config

//数据总数 default: 0
total!: number

//是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果
//default: false
transfer!: boolean

//显示总数 default: true
showTotal!: boolean

//显示电梯，可以快速切换到某一页 default: true
showElevator!: boolean

//显示分页，用来改变page-size  default: false
showSizer!: boolean

//可选值为small（迷你版）或不填（默认）
size!: string

//当前页码，支持 .sync 修饰符   default: 1
current!: number

//每页条数  default: 10
pageSize!: number

//每页条数切换的配置 default: [10, 20, 30, 40]
pageSizeOpts!: number[]

//简洁版
simple!: boolean 

//是否禁用 default: false
disabled!: boolean 

//是否显示 Page default: false
isShow!: boolean   

//条数切换弹窗的展开方向，可选值为 bottom 和 top,  default: bottom
placement!: string 

//替代图标显示的上一页文字  default: ''
prevText!: string default: ''

//替代图标显示的下一页文字 
nextText!: string 

//自定义 class 名称 default: ''
className!: string 

//自定义 style 样式 default: ''
styles!: ObjectVal  

根据业务场景专门统一化标准且快速开发而设计, 灵活组合, 并不是为封装而封装...