在 Blazor 中導航頁面

Question

所以我想從一頁導航到另一頁。 從產品列表到編輯產品視圖。 在我的列表頁面上，我有一個鏈接如下。

<NavLink class="nav-link">
                        <span class="oi oi-list-rich" aria-hidden="true" id="@product.Id" @onclick="@(() => Navigate(product.Id))" style="cursor: pointer"></span> Edit @*FIX ME should link to edit product. Obviously...*@
</NavLink>

並且要導航的代碼是：

    void Navigate(long productId)
    {
        NavManager.NavigateTo("/editproduct/" + productId);
    }

我想進入一個頁面：@page "/editproduct/{id}"

在我看來，我的代碼應該可以工作。 然而我得到一個：未捕獲的錯誤：System.ArgumentException：沒有與此事件關聯的事件處理程序。

當我點擊我的鏈接時。 任何想法如何解決這一問題 ？

Answer 1

我不認為問題出在導航本身。 嘗試從其他兩個頁面（創建 page1 和 page2）進行導航並嘗試一下。 如果它工作正常，則問題出在代碼的其他地方。

我會把這個回復作為評論，但像穴居人一樣，我沒有足夠的聲譽。

Answer 2

看看NavLink中的NavLink

<NavLink class="nav-link" href="counter">
     <span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink>

請注意指向您要導航到的位置的href 。

<NavLink class="nav-link" href="@($"editproduct/{product.Id}")">