主页 / user-15292496

Keygun2k1's questions

Martin Hope
Keygun2k1
Asked: 2025-01-13 23:27:22 +0800 CST
  • 5

我有这个 svelte 组件，它目前正在使用use:来自 svelte runes 的指令：

<script>
    import {route} from "@mateothegreat/svelte5-router";

    let {children, className, ...rest} = $props();
</script>

<a
        use:route
        class={`btn ${className}`}
        {...rest}
>
    {@render children()}
</a>

当尝试将其作为 prop 传递时，我收到渲染错误：“Svelte：此类指令在组件上无效”。以下是我尝试将指令用作 prop 的方式：

<ButtonLink
       onclick={() => $currentRoute = window.location.pathname}
       href={href}
       class:active={isActive}
    >

抛出class:active={isActive}了错误。有没有办法将指令的使用传递给 svelte runes 中的组件？如果可以，我该怎么做，我做错了什么？

svelte