分页 Pages

采用分页的形式分隔长列表,每次只加载一个页面。

基本使用

Basic Use

Nuxt3使用

TIP

Nuxt3请使用以下代码

<!-- 方便蜘蛛抓取 -->
<!-- 点击分页将会以https://xx.com/xx?page=1方式进行跳转 -->
<Page :total="100" :page-size="10" :page-num="1" />

获取当前页码

const route = useRoute()
const pageNum = route.params.id

组件属性

属性名说明类型默认值
total数据总量number0
pageSize每页条数number10
pageNum当前页码number1

组件事件

事件名说明返回值
change点击时触发number