更新记录

1.2.2(2019-12-03)

修改生命周期, 数据动态修改每页条数和修改总条数后页数不更新问题

1.2.1(2019-11-15)

支持app和微信小程序
修改每次页数改变current需要重新赋值问题
修改数据改变时footer值不动态修改问题

查看更多

使用方法

在script引用组件
import paging from '@/components/yang-paging/fy.vue'
components: {
       paging
},
在template中使用组件
<paging :total="300" activecolor="#000" activebackground="red" :pageSize='3' :footer="true" :current="1" @changes="dd"></paging>
完整例子
<template>
    <view class="content">
        <paging :total="300" activecolor="#000" activebackground="red" :pageSize='3' :footer="true" :current="1" @changes="dd"></paging>
    </view>
</template>


    import paging from '@/components/yang-paging/fy.vue'
    export default {
        components: {
            paging
        },
        data() {
            return {

            }
        },
        methods: {
            dd(index) {
                console.log(index)
            }
        }
    }

paging 属性说明

属性名 类型 默认值 详细说明
total Number 0 总条数
pageSize Number 0 每页数据
current Number 1 当前页
footer Boolean false 详细信息
background String #00BFFF 默认背景颜色
color String white 默认字体颜色
activebackground String #00BFFF 选中背景颜色
activecolor String white 选中字体颜色

事件说明

事件名 说明
@changes 返回点击的页数

[========]

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问