将对象绑定到 Blazor 路由

【问题标题】：Binding object to the Blazor routing将对象绑定到 Blazor 路由
【发布时间】：2020-02-20 20:38:32
【问题描述】：

我想将我的页面 URL 与代表请求过滤器的对象（productName、categoryId .etc）绑定。如何使用查询字符串将它们绑定到 blazor 中？

@page "/products/{filter}" ... @code {

public Filter filter = new Filter()
{
    SearchedName = "Test",
    CategoryId = 1
};

}

我想要这样的东西。在 Asp.Net Core 中，我能够将对象与表单和查询字符串绑定，但在 blazor 中我遇到了一些麻烦。你能为此提供解决方案吗？提前致谢！

【问题讨论】：

【解决方案1】：

我相信目前你不能将复杂的内容作为 Route 参数传递。

您应该使用组件属性参数作为此代码 sn-p 演示：

在父组件中实例化一个Filter类型的变量并将其分配给Products组件的Filter Attribute Property

<products Fitler = "@AFilterInstance" />，您应该在其中定义一个参数属性，该属性将存储传递的值，如下所示：

[Parameter]
public Filter Filter { get; set; }

希望这会有所帮助...

【讨论】：