Blazor语言 - 导航到不同的页面

Question

我想了解一些关于Blazor，所以我正在使用Blazor最小项目模板(https://marketplace.visualstudio.com/items?itemName=GregTrevellick.BlazorMinimalProjectTemplate)制作一个简单的网站。

我创建了一个Pages文件夹，其中有About。razorandIndex.razor

在About。我只有:

@page "/about"
<h3>About</h3>

我想能够从索引页到关于页。我试图实现这一点与一个简单的链接在Index.razor:

<a href="About">About</a>

不幸的是，这只是将URL从localhost:1111更改为localhost:1111/About，但页面没有更改(它仍然是索引页)。

即使我写了URL (/about)，我仍然在索引页。

使用Blazor导航到不同页面的最佳方法是什么?

Answer 1

看起来你选择的模板是非常小的!

HMZ有正确的想法。作为参考，我试过这个，它对我有效。

布局。razor(新文件存储在共享文件夹)

@inherits LayoutComponentBase
<div class="page">
<div class="main">
<div class="content px-4">
@Body
</div>
</div>
</div>

MyApp.razor

@using Microsoft.AspNetCore.Components.Routing
@using BlazorMinimal1.Shared
<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="@routeData" DefaultLayout="@typeof(Layout)" />
</Found>
<NotFound>
<p>Sorry, there's nothing at this address.</p>
</NotFound>
</Router>

IMO，如果你想了解Blazor，你可能最好使用Visual Studio提供的标准模板。