Live Chat Icon For mobile
Live Chat Icon

How do I pass values from one page to another in Blazor WebAssembly?

Platform: Blazor| Category : WebAssembly, Routing

By using Blazor route parameters, you can pass values from one page to another page. Use NavigationManager to pass a value and route the parameter to another page.

Follow this example to achieve passing values from one page to another.

@page "/page1"
@inject NavigationManager UriHelper

<h3>Click button to pass the value to other page.</h3>
<button class="btn btn-primary" @onclick="OnClick">Pass Value</button>

@code {

    private string parameter = "ParameterValue";
    private void OnClick()

Get the passed Page1 parameter value in Page2.

@page "/page2/{Value}"


@code {
    public string Value { get; set; }


Refer to this link for more details.

Share with

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.