1.0.1 • Published 5 years ago
quark-pagination v1.0.1
Pagination 分页信息
概述
悬浮出现在页面/区块顶部,展示系统对主动操作行为作出的反馈信息。
代码示例
基础用法
<template>
<lg-pagination @jumpPage="jumpPage" :totalPages="totalPages" :tag-count="2">
<template slot="preIcon"><<</template>
<template slot="nextIcon">>></template>
</lg-pagination>
</template>
<script>
export default {
data() {
return {
totalPages:50
}
},
methods:{
jumpPage(val){
console.log(val);
}
}
}
</script>
Api
Pagination props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
totalPages | 总共页数 | Number | -- | 1 |
tag-count | 省略号中间页数左右的个数 | Number | -- | 3 |
preIcon | 上一页的slot占位符 | 任意类型 | 可以是文字也可以是图片 | 上一页 |
preIcon | 上一页的slot占位符 | 任意类型 | 可以是文字也可以是图片 | 下一页 |
Pagination Event
事件名称 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 标签页的类型 | String | line/card/button | line |