我有一个路线结构/items/[category]。当用户正在浏览/items/category1并尝试转到同一路线中的另一个页面时(例如/items/category2),页面数据通常会更新以显示类别 2 项目,但并非总是如此。有时,浏览器中的 URL 会更新,但页面数据仍然显示先前 URL 中的项目。
我的+page.server.jsfor/items/[category]看起来像:
import { getItems } from '$lib/services/ItemService';
export const csr = false;
export const load = ({ locals, params }) => {
return {
items: getItems(locals, `category = "${params.itemCategory}"`)
};
};
Run Code Online (Sandbox Code Playgroud)
我的+page.svelte是:
<script>
import { ItemCard } from '$lib/components';
export let data
let items = data.items
</script>
...
<div class="grid grid-cols-1 md:grid-cols-3 px-4 gap-6">
{#each items as item}
<ItemCard {item}/>
{/each} …Run Code Online (Sandbox Code Playgroud)