Blazor 路由

  

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