Question

单击TAB以传递多个参数。如何接收

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

在要导航至的页面中，将参数添加到您的路线中：

@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;}

    ...
}

URL如下：

<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;
        }
    }
}

.Net Core Blazor如何传递多个参数？

1 个答案: