text-pagext
v0.1.2
Published
Usage
Downloads
3
Maintainers
Readme
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
根据业务场景专门统一化标准且快速开发而设计, 灵活组合, 并不是为封装而封装...