主页 / user-1341535

Seva Golovanov's questions

Martin Hope
Seva Golovanov
Asked: 2025-04-22 05:31:32 +0800 CST
  • 5

Svelte 教程演示了如何声明表行片段：

<tbody>
    {#snippet monkey()}...{/snippet}

    {@render monkey()}
</tbody>

到目前为止一切都很好。将代码片段放在靠近使用位置的位置是有意义的——表格行代码片段确实应该放在 中tbody。

我也想重用表格行的代码片段。不过我使用的是 Flowbite Svelte 组件库。代码如下：

<Table>
    ...
    <TableBody>
        {#snippet row(row: UserProductListEntry)}
            {row.product.title}
        {/snippet}

这在运行时有效，但由于代码片段隐式地成为 TableBody 的 prop，因此存在问题：

  1. 我收到这个类型错误： IDE错误 这是 IDEA Svelte 插件的错误吗？它没有任何引用，例如 ESLint。它应该是一个警告还是可抑制的？我在 JetBrains 的问题跟踪器上没有找到类似的信息。
  2. （不太重要）在这种情况下，我不打算将代码片段作为 prop 传递给 TableBody。如果它恰好需要同名的代码片段怎么办？

那么问题是，有没有办法让这段代码不成为隐式 prop？或者至少能以某种方式处理问题 1，而无需将代码片段移出 TableBody 和 Table ？

svelte
Martin Hope
Seva Golovanov
Asked: 2025-04-21 04:24:51 +0800 CST
  • 6

我有一个简单的+page.ts显示data字符串并提供“更新”按钮：

<script lang="ts">
    import { invalidateAll } from '$app/navigation';

    const { data } = $props();
</script>

<p>Data: {data.data}</p>
<button onclick={() => invalidateAll()}>Update</button>

我有一个通用load的+page.ts，它更喜欢使用某种缓存 - 这里它只是一个类中的静态字段：

export async function load() {
    let data = Cache.getData();
    if (data) {
        console.log('Found cached data');
    } else {
        console.log('No cached data - fetching');
        data = 'Fresh new data';
        Cache.setData(data);
    }

    return {
        data
    };
}

class Cache {
    static data?: string;

    static getData() {
        return this.data;
    }

    static setData(data: string) {
        this.data = data;
    }

    static clear() {
        this.data = undefined;
    }
}

console.log('Initializing cache');
Cache.setData('Old cached data');

根据设计，绕过此缓存的唯一方法是用户通过按下“更新”按钮明确请求它。但是，我该如何判断是load由失效引起的，而不是由初始页面加载引起的，以便清除缓存？或者更具体地说，是通过按下“更新”按钮？换句话说，我可以在这里输入什么if：

export async function load() {
    if (/* what goes here? */) {
        Cache.clear();
    }

    ...

理想情况下，我正在寻找一种通用的方法，而不是像window为 CSR 设置字段或为 SSR 设置请求标头那样一些 hack 的方法。可能是路由相关的，比如查询参数？但是如何为invalidate或invalidateAll调用设置这些呢？

svelte