Skip to content

vue-request usePagination分页


vue
<el-pagination
  :total="total"
  v-model:page-size="pageSize"
  v-model:current-page="current"
  layout="prev, pager, next"
></el-pagination>
js
const getTableData = params => {
  return axios.get('https://randomuser.me/api?noinfo', { params })
}
const total = ref(100)

const {
  data,
  loading,
  current,
  pageSize
} = usePagination(getTableData, {
  defaultParams: [{ page: 1, results: 10 }],
  pagination: {
    currentKey: 'page',
    pageSizeKey: 'results'
  }
})
const dataSource = computed(() => data.value?.data?.results || [])

Released under the MIT License.