如何在另一个页面内渲染页面？答案

【问题标题】：How to render page inside an other page?如何在另一个页面内渲染页面？
【发布时间】：2021-03-21 15:51:10
【问题描述】：

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

这就是我在 asp.net core 中所拥有的

<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 中重现类似的内容。我查看布局，但我不想覆盖完整的布局，我只想在页面之间分离我的实体。

【问题讨论】：

标签： blazor blazor-server-side

【解决方案1】：

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

【讨论】：