Redirecting in blazor with parameter

Question

Hello how can you redirect to another page in Blazor with a parameter?

@page \"/auth\"
@using Microsoft.AspNetCore.Blazor.Services;
@inject Auth         


        

Answer 1

Do this:

• Create a home.cshtml file page like this: Note that two @page directive are employed since optional parameters are not supported yet. The first permits navigation to the component without a parameter. The second @page directive takes the {username} route parameter and assigns the value to the Username property.

Pages/home.cshtml

@page "/home"
@page "/home/{username}"

@Username is authenticated!

@functions {
    // Define a property to contain the parameter passed from the auth page
    [Parameter]
    private string Username { get; set; };
}

• Do this in your auth.cshtml

    @functions{

        public string Username { get; set; }
        public string url = "/home";

        public async Task AuthAsync()
        {
            var ticket=await this.auth.AuthenticateAsync(Username);
            // Attach the parameter to the url
            urihelper.NavigateTo(url + "/" + Username); 
        }
    }

Hope this helps...