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 |