更新记录

1.0.1（2025-12-18） 下载此版本

新增注释

1.0.0（2025-12-17） 下载此版本

首次提交插件

平台兼容性

uni-app(4.87)

uni-app x(4.87)

joy-pagination

移动端分页组件

参数说明

参数
pageNo: 初始当前页；默认1
pageSize: 每页显示数据数量；默认10
pageTotal: 数据总数；默认99

事件
@change: 返回当前页面

代码示例

<template>
    <!-- 某些端可能不支持svg图标，需要自己更换图片 -->
    <joy-pagination :pageNo="pageNo" :pageSize="pageSize" :total="pageTotal" @change="onChange"/>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
                pageNo: 1,
                pageSize: 10,
                pageTotal: 99
            }
        },
        onLoad() {

        },
        methods: {
            onChange(pageNo) {
                this.pageNo = pageNo
                // 分页请求 …
            }
        }
    }
</script>