c# - 如何防止 Blazor NavLink 组件的默认导航

Question

从 Blazor 3.1 Preview 2 开始，应该可以 prevent default navigation behaviour对于 Blazor 中的链接，还有 discussed in this answer .

但是，这段代码:

<NavLink href="" Match="Match" @onclick:preventDefault @onclick="()=>LinkAction()" >
Do something
</NavLink>

给出这个错误:

The component parameter 'onclick' is used two or more times for this component. Parameters must be unique (case-insensitive)

这是为什么？

Answer 1

尽管 HTML 的最终结果 <A>标签和 Blazor NavLink组件大致相同，@onclick:preventDefault语法仅适用于 HTML 版本，不适用于 Blazor 组件。

史蒂夫·桑德森 explains this here :

I'm afraid there isn't a mechanism for passing through arbitrary directive attributes such as @*:preventDefault as component parameters, so this isn't expected to work on NavLink.

Steve 还给出了一个可能的解决方案:

However, you could inherit your own subclass from NavLink that adds the "prevent default" behavior. For example, create NavLinkPreventDefault.razor, containing this:

@inherits NavLink 
<a @attributes="@AdditionalAttributes" class="@CssClass" @onclick:preventDefault>
    @ChildContent 
</a> 

Now you can use instead of to get the behavior you want.