当前位置 : 主页 > 网页制作 > html >

html – .NET Core Blazor App:如何在页面之间传递数据?

来源:互联网 收集:自由互联 发布时间:2021-06-12
我刚开始学习如何使用Blazor模板制作网站.但我不知道如何将数据从一个页面传递到另一个页面.它与.NET CORE MVC Web应用程序有点不同,我找不到这样的例子. pSolve This problem: @rnd1 * @rnd2 = ?
我刚开始学习如何使用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}”

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

[参数]
private string myvalue {get;组; }

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

protected override void OnParametersSet()
{
    //现在将设置参数
    var test = myvalue;
}

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

uriHelper.NavigateTo($“/ navigatetopage / {结果}”);

那个uriHelper需要像这样注入:

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

网友评论