分页 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 | 数据总量 | number | 0 |
pageSize | 每页条数 | number | 10 |
pageNum | 当前页码 | number | 1 |
组件事件
事件名 | 说明 | 返回值 |
---|---|---|
change | 点击时触发 | number |