跳至主要内容
高级 SvelteKit 高级加载 invalidateAll

最后，还有一个终极方案——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) 则不会。

在 GitHub 上编辑此页面

上一个 下一个
自定义依赖项
1