最後，還有核彈級的選項 — 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>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