.net10 Blazor web app

Question

Hi,

ich habe eben versucht meine erstes Blazor Projekt zu erstellen.

@page "/"

@rendermode InteractiveAuto

<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="DoLogin">Anmelden</MudButton>

private void DoLogin()

{

navigator.NavigateTo("/Account/Login");

}

Wenn ich auf die Schaltfläche klicke passiert nichts. Was mache ich falsch?

Answer 1

Hi @Ingo Manthey ,

vielen Dank für Ihren Beitrag im Microsoft Learn Q&A Forum.

Das Hauptproblem ist das Event-Attribut. In Blazor müssen Sie @onclick verwenden (alles klein und mit @), nicht OnClick.

Ändern Sie Ihren Button wie folgt:

<MudButton Variant="Variant.Filled"

           Color="Color.Primary"

           @onclick="DoLogin">

    Anmelden

</MudButton>

Damit wird das Klick-Ereignis mit Ihrer Methode DoLogin verbunden. Mit dieser Änderung sollte die Methode beim Klick auf den Button ausgeführt werden.

---

Einige hilfreiche Blazor-Hinweise für diesen Fall:

1. NavigationManager für Navigation verwenden Stellen Sie sicher, dass Sie NavigationManager in Ihrer Komponente injizieren:

   
      @inject NavigationManager navigator
   
   

2. Prüfen, ob die Login-Seite eine Route hat Ihre Login-Seite sollte eine passende Route haben, zum Beispiel:

   
      @page "/Account/Login"
   
   

Wenn das eingerichtet ist, reicht die Anpassung von OnClick → @onclick in der Regel aus, damit der Button korrekt navigiert.

---

Ich hoffe, das hilft weiter. Melden Sie sich gerne, wenn Sie noch Fragen haben.