创建razor组件

 

 "/test" 对应url地址

@page "/test"

<h3>Test</h3>

@code {

}

 

路由参数

1.

@page "/test/{name}"

<h3>Test @name </h3>

@code {
    [Parameter]
    public string? name { get; set; }
}

2.可选参数

@page "/test/{name?}"

<h3>Test @name </h3>

@code {
    [Parameter]
    public string? name { get; set; }
}

 

路由约束

1.

对类型进行约束

@page "/test/{ID:int}"

<h3>Test @ID </h3>

@code {
    [Parameter]
    public int? ID { get; set; }
}