当 Blazor 页面渲染两次时,可能出现以下原因:
以下是一个示例代码。在这个示例中,使用了一种错误的 razor 页面绑定方式,导致页面渲染两次。
Name: @Name
Age: @Age
@code {
private string Name => "John";
private int Age => 30;
}
正确的绑定方式是使用 @
符号来绑定字段和属性。
Name: @Name
Age: @Age
@code {
private string Name { get; set; } = "John";
private int Age { get; set; } = 30;
}
另一种可能是只加载了服务端代码,这种情况下,可以使用以下命令行来启动应用程序并加载客户端代码:
dotnet watch run --configuration Debug --launch-profile BlazorWasm
这将在应用程序启动时加载客户端代码,并防止页面渲染两次的问题。