ad-paging 分页列表

ad-paging 是对 z-paging 的封装，集成了自定义的下拉刷新和返回顶部组件。

基础用法

<template>
  <ad-paging ref="paging" v-model="dataList" @query="queryList">
    <view v-for="item in dataList" :key="item.id">
      {{ item.title }}
    </view>
  </ad-paging>
</template>

<script>
export default {
  data() {
    return {
      dataList: []
    }
  },
  methods: {
    queryList(pageNo, pageSize) {
      this.$request.get('api/list', { pageNo, pageSize }).then(res => {
        this.$refs.paging.complete(res.data)
      })
    }
  }
}
</script>

Props

该组件支持 z-paging 的所有 Props。

额外扩展 Props:

参数	说明	类型	默认值
showReturn	是否显示返回按钮	Boolean	true

Methods

方法名	说明
complete	调用内部 z-paging 的 complete 方法

Slots

插槽名	说明
default	列表内容
refresher	自定义下拉刷新内容
backToTop	自定义返回顶部内容