最后，还有一个终极选项 — invalidateAll()。它会无差别地重新运行当前页面的所有 load 函数，不管它们依赖于什么。
更新上一个练习中的 src/routes/[...timezone]/+page.svelte：
src/routes/[...timezone]/+page
<script>
import { onMount } from 'svelte';
import { invalidateAll } from '$app/navigation';
let { data } = $props();
onMount(() => {
const interval = setInterval(() => {
invalidateAll();
}, 1000);
return () => {
clearInterval(interval);
};
});
</script><script lang="ts">
import { onMount } from 'svelte';
import { invalidateAll } from '$app/navigation';
let { data } = $props();
onMount(() => {
const interval = setInterval(() => {
invalidateAll();
}, 1000);
return () => {
clearInterval(interval);
};
});
</script>src/routes/+layout.js 中的 depends 调用不再需要：
src/routes/+layout
export async function load({ depends }) {
depends('data:now');
return {
now: Date.now()
};
}
invalidate(() => true)和invalidateAll并不相同。invalidateAll还会重新运行没有任何url依赖的load函数，而invalidate(() => true)则不会。
上一页 下一页
1