Question

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

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

在 About.razor 中，我只有：

@page "/about"

<h3>About</h3>

我希望能够从索引页面转到关于页面。我试图通过 Index.razor 中的一个简单链接来实现这一点：

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

不幸的是，这只会将 URL 从 localhost:1111 更改为 localhost:1111/About，但页面没有更改（它仍然是索引页面）。< /p>

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

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

Answer 1

看起来您选择的模板非常小！

HMZ 的想法是正确的。供您参考，我试过这个，对我有用。

Layout.razor（存储在共享文件夹中的新文件）

CreateAddressRequest

MyApp.razor

@inherits LayoutComponentBase

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

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

Blazor - 导航到不同的页面

1 个答案: