如何修改Blazor中TelerikTabStrip的默认选中标签页（不调整页面顺序）

方法1：绑定SelectedIndex属性（推荐） #

因为TelerikTabStrip的标签索引从0开始计数，第2个页面对应的索引是1，直接通过绑定索引值来设置默认选中项：

1. 在组件代码块中声明初始值为1的变量：

private int selectedTabIndex = 1;

2. 在TelerikTabStrip组件上绑定该变量：

<TelerikTabStrip SelectedIndex="@selectedTabIndex">
    <TabStripTab Title="页面1">
        <!-- 页面1的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面2">
        <!-- 页面2的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面3">
        <!-- 页面3的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面4">
        <!-- 页面4的内容 -->
    </TabStripTab>
</TelerikTabStrip>

方法2：绑定SelectedTab实例 #

如果需要通过标签实例来控制选中状态，可以使用这种方式：

1. 声明组件引用和选中标签变量：

<TelerikTabStrip @ref="tabStripRef" SelectedTab="@defaultSelectedTab">
    <TabStripTab Title="页面1">
        <!-- 页面1的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面2">
        <!-- 页面2的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面3">
        <!-- 页面3的内容 -->
    </TabStripTab>
    <TabStripTab Title="页面4">
        <!-- 页面4的内容 -->
    </TabStripTab>
</TelerikTabStrip>

@code {
    private TelerikTabStrip tabStripRef;
    private TabStripTab defaultSelectedTab;

    protected override void OnAfterRender(bool firstRender)
    {
        if (firstRender)
        {
            // 索引1对应第2个标签
            defaultSelectedTab = tabStripRef.Tabs[1];
            StateHasChanged();
        }
    }
}

两种方法都能保持原有页面排列顺序，默认加载第2个页面。方法1更简洁直接，适合大多数场景；方法2适合需要动态操作标签实例的复杂场景。

内容的提问来源于stack exchange，提问作者starm