.NET Core Blazor App:如何在頁面之間傳遞數據?

asp.net-core asp.net-core-2.0 blazor html

我剛開始學習如何使用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




許可下: CC-BY-SA with attribution
不隸屬於 Stack Overflow
這個KB合法嗎? 是的,了解原因
許可下: CC-BY-SA with attribution
不隸屬於 Stack Overflow
這個KB合法嗎? 是的,了解原因