通过vue3 + TypeScript + uniapp + uni-ui 实现下拉刷新和加载更多的功能

效果图：

核心代码：

<script lang="ts" setup>
import { ref, reactive } from 'vue';
import api from '@/request/api.js'
import empty from '@/component/empty.vue'
import { onLoad,onShow, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'

let form = ref({
type:2,
pageNo: 1,
pageSize: 10
})

let listData = ref([]);
let total = ref(0);
let status = ref('loadmore');


const requestGetListData = () => {

api.getFlawOrCheckList(form.value).then(res => {
console.log("requestGetCourse", res)
listData.value = [...listData.value, ...res.result.records]

total.value = res.result.total

if (form.value.pageNo >= total.value / form.value.pageS

原文地址：https://blog.csdn.net/qq_35366269/article/details/140512125

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！