asp.net-core - .Net Core Blazor如何传递多个参数？

Question

单击TAB以传递多个参数。如何领取

<a href="../navigatetopage?id="1"&key="img"></a>

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

@page "/navigatetopage/"

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

Answer 1

最简单的方法是使用Route参数而不是QueryString:

@page "/navigatetopage/{id:int}/{key}"

@code {
    [Parameter] public int Id{get;set;}
    [Parameter] public string Key{get;set;}

    ...
}

网址看起来像:

<a href="../navigatetopage/1/img"></a>

或者，如果您确实要查询字符串，请在OnParametersSet()中设置属性/字段:

@page "/navigatetopage/"

@code {
    public int Id{get;set;}
    public string Key{get;set;}

    protected override void OnParametersSet(){
        var qs= navManager.ToAbsoluteUri(navManager.Uri).Query;
        var query = Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(qs);
        if (query.TryGetValue("id", out var id_str)) {
            if (Int32.TryParse(id_str, out var id)){
                this.Id = id;
            }
        }
        if (query.TryGetValue("Key", out var key)) {
            this.Key = key;
        }
    }
}