如何在另一个页面中呈现页面？

Question

blazor 中是否有一个选项可以在另一个页面中加载一个页面。 Html.RenderPartial("page");

的一个版本

这就是我在 asp.net 核心

<div class="row">
    <div class="col-md-3">
        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link active" id="v-pills-setting-tab" data-toggle="pill" href="#v-pills-setting" role="tab" aria-controls="v-pills-setting" aria-selected="true">Setting</a>
            <a class="nav-link" id="v-pills-intent-tab" data-toggle="pill" href="#v-pills-intent" role="tab" aria-controls="v-pills-intent" aria-selected="false">Intents</a>
            <a class="nav-link" id="v-pills-train-tab" data-toggle="pill" href="#v-pills-train" role="tab" aria-controls="v-pills-train" aria-selected="false">Train</a>
        </div>

    </div>
    <div class="col-md-9">
        <div class="tab-content" id="v-pills-tabContent">
            <div class="tab-pane fade show active" id="v-pills-setting" role="tabpanel" aria-labelledby="v-pills-setting-tab">
                @{
                    Html.RenderPartial("Setting");
                }
            </div>
            <div class="tab-pane fade" id="v-pills-intent" role="tabpanel" aria-labelledby="v-pills-intent-tab">
                @{
                    Html.RenderPartial("Intents");
                }
            </div>
            <div class="tab-pane fade" id="v-pills-train" role="tabpanel" aria-labelledby="v-pills-train-tab">
                @{
                    Html.RenderPartial("../Conversation/Index");
                }
            </div>
        </div>
    </div>
</div>

我只是不确定如何在 blazor 中重现这样的东西。我查看了布局，但我不想覆盖整个布局，我只想在页面之间分隔我的实体。

Answer 1

这就是组件的用途。我建议在 YouTube 上查找教程系列，或者如果您更喜欢文本，或者 https://blazor-university.com/，因为组件将是最先教授的内容之一。如果您已经有经验，那么学会放弃它可能比学习 Blazor 更难（我认为这在很大程度上非常简单）。无论如何，那是我的经历。 :D

如何在另一个页面中呈现页面？

How to render page inside an other page?

blazor

blazor-server-side