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

Question

.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" />

我想將文本框中的值發送到另一個頁面。我怎樣才能做到這一點？

winnervswinner

在 Stack Overflow 上查看更多

Accepted Answer

您可以將其作為參數傳遞。

在要導航到的頁面中，將參數添加到路線中：

@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

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

題

一般承認的答案

Performance

Expression Evaluator