vivo-ui
Version:
vivo ui component lib for vue
40 lines (32 loc) • 896 B
Markdown
# pagination 分页组件
> pagination是一个分页组件,由于wap端使用场景极少,故目前只提供了PC样式。**(v0.0.14新增)**
[demo](demo/components/pagination.html ':ignore')
## 使用方法
```
<pagination v-model="current" :total="114" :size="9" :showGoto="true"></pagination>
```
```
import Pagination from './index.vue'
export default {
components: {
Pagination
},
data() {
return {
current: 8
}
},
watch: {
current(value) {
alert(`当前第${value}页`)
}
}
}
```
## 属性
名称|类型|必填|默认值|描述
:-:|:-:|:-:|:-:|:-:
v-model|`Number`|`N`|`1`|当前是第几页
total|`Number`|`Y`|`-`|总页数
size|`Number`|`N`|`7`|最多显示几个页码按钮(包括...按钮),要求为>=5的奇数
showGoto|`Boolean`|`N`|`Y`|是否显示直接跳转区域**(输入区域只能输入合法的页码)**