如何在NavLink或锚点中使用NavigationManager.NavigateTo

Question

我在代码中有以下内容：

navigationManager.NavigateTo(
$"Controller/Action?value1={value1}&value2={value2}",
forceLoad: true);

我把页面改成了

<p>
@foreach (var item in items)
{
<div class="row">
<div class="col">
@item.Description
</div>
</div>
}
</p>

我需要的是将@item.Description封装在NavLink或锚中，这与NavigateTo的作用相同。为了刷新页面，执行forceLoad是很重要的。

我该怎么做？

Answer 1

只需添加一个锚点并绑定点击事件

@inject NavigationManager navigationManager
<p>
@foreach (var item in items)
{
<div class="row">
<div class="col">
<a href="#" @onclick="Navigate" @onclick:preventDefault>@item.Description</a>
</div>
</div>
}
</p>
@code {
private void Navigate()
{
navigationManager.NavigateTo(
$"Controller/Action?value1={value1}&value2={value2}",
forceLoad: true);
}
}