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 || [])