| | |
| | | <!-- 巡检任务 --> |
| | | <!-- 巡检任务 --> |
| | | <template> |
| | | <z-paging ref="pagingRef" v-model="dataList" @query="queryList"> |
| | | <view v-for="(item, index) in dataList" :key="index"> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | const pagingRef = ref(null) |
| | | const pagingRef = ref(null); |
| | | |
| | | const dataList = ref([]) |
| | | const dataList = ref([]); |
| | | |
| | | const urls = [ |
| | | "https://picsum.photos/100/100?random=1", |
| | |
| | | "https://picsum.photos/100/100?random=7", |
| | | "https://picsum.photos/100/100?random=8", |
| | | "https://picsum.photos/100/100?random=9", |
| | | "https://picsum.photos/100/100?random=10" |
| | | ] |
| | | "https://picsum.photos/100/100?random=10", |
| | | ]; |
| | | |
| | | function queryList(pageNo, pageSize) { |
| | | console.log("[ pageNo ] >", pageNo) |
| | | console.log("[ pageSize ] >", pageSize) |
| | | console.log("[ pageNo ] >", pageNo); |
| | | console.log("[ pageSize ] >", pageSize); |
| | | // 这里的pageNo和pageSize会自动计算好,直接传给服务器即可 |
| | | // 这里的请求只是演示,请替换成自己的项目的网络请求,并在网络请求回调中通过pagingRef.value.complete(请求回来的数组)将请求结果传给z-paging |
| | | setTimeout(() => { |
| | | // 1秒之后停止刷新动画 |
| | | const list = [] |
| | | const list = []; |
| | | for (let i = 0; i < 30; i++) |
| | | list.push(urls[uni.$u.random(0, urls.length - 1)]) |
| | | list.push(urls[uni.$u.random(0, urls.length - 1)]); |
| | | |
| | | pagingRef.value?.complete(list) |
| | | }, 1000) |
| | | pagingRef.value?.complete(list); |
| | | }, 1000); |
| | | // this.$request |
| | | // .queryList({ pageNo, pageSize }) |
| | | // .then(res => { |
| | |
| | | // pagingRef.value.complete(false); |
| | | // }); |
| | | } |
| | | |
| | | </script> |