examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: 优化 UseIntersectionObserverInfiniteLoading 组件的加载逻辑和模板结构
Some checks failed
/ build-and-deploy-to-vercel (push) Failing after 39s
Details
/ playwright (push) Successful in 2m1s
Details
/ depcheck (push) Successful in 1m30s
Details

Browse Source
This commit is contained in:
严浩
2024-12-11 15:48:35 +08:00
parent aa902ed159
commit dbcc28fb42
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/UseIntersectionObserverInfiniteLoading.vue
View File

@ -65,12 +65,11 @@ const load = async (why?: string) => {
try { try {
const { hasMore } = await props.asyncLoad(++currentPage); const { hasMore } = await props.asyncLoad(++currentPage);
state.value = hasMore ? 'loaded' : 'complete'; state.value = hasMore ? 'loaded' : 'complete';
if (hasMore) { if (hasMore && checkIsVisible(target.value!)) {
await nextTick(); await nextTick();
if (checkIsVisible(target.value!)) { await new Promise((resolve) => setTimeout(resolve, 300));
load('visible after load'); load('visible after load');
} }
}
if (!hasMore) { if (!hasMore) {
pause(); pause();