.NET Core Blazor 应用程序:如何在页面之间传递数据?

本文介绍了.NET Core Blazor 应用程序:如何在页面之间传递数据?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我刚刚开始学习如何使用 Blazor 模板制作网站.但我不知道如何将数据从一页传递到另一页.它与 .NET CORE MVC Web 应用程序有点不同，我找不到这方面的示例.

    <p>Solve This problem: @rnd1 * @rnd2 = ?</p>

    <input type="text" name="result" bind="@result" />
    <input type="button" onclick="@calculate" value="Submit" />

我想将文本框中的值发送到另一个页面.我该怎么做?

推荐答案

您可以将其作为参数传递.

在您要导航到的页面中，将参数添加到您的路由中:

@page "/navigatetopage/{myvalue}"

并确保该参数存在于该页面中:

[Parameter]
private string myvalue{ get; set; }

在同一页面中，您可以选择:

protected override void OnParametersSet()
{
    //the param will be set now
    var test = myvalue;
}

现在在您的起始页中，确保导航到包含值的第二页:

uriHelper.NavigateTo($"/navigatetopage/{result}");

那个uriHelper需要像这样注入:

@inject Microsoft.AspNetCore.Blazor.Services.IUriHelper uriHelper

更新 PREVIEW-9在 preview-9 上你应该使用 navigationManager 而不是 uriHelper，它还有一个 NavigateTo 方法

@inject Microsoft.AspNetCore.Components.NavigationManager navigationManager

这篇关于.NET Core Blazor 应用程序:如何在页面之间传递数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助！