如何通过点击按钮切换MudTabPanels指定标签页？

你的代码无法实现跳转，问题出在这几个关键点：

• @bind-ActivePanelIndex应该绑定在<MudTabs>组件上，而非每个<MudTabPanel>
• MudTabs的ActivePanelIndex是从0开始的索引值，和Tab的ID、tabindex无关，Tab1对应索引0，Tab2对应1，Tab3对应2
• 你设置activeIndex = 3已经超出了现有Tab的索引范围（3个Tab的索引是0、1、2）

修正后的可运行代码如下：

<MudTabs Elevation="0" Rounded="true" Centered="true" @bind-ActivePanelIndex="activeIndex">
    <MudTabPanel Text="Tab1" ID="1" tabindex="1">
    </MudTabPanel>
    <MudTabPanel Text="Tab2" ID="2" tabindex="2">
    </MudTabPanel>
    <MudTabPanel Text="Tab3" ID="3" tabindex="3">
    </MudTabPanel>
</MudTabs>
<MudButton OnClick="@GoToTab">Go To Tab 3</MudButton>

@code {
    public int activeIndex { get; set; } = 0; // 初始激活Tab1

    public void GoToTab()
    {
        activeIndex = 2; // 设置为Tab3对应的索引值
        // 无需手动调用StateHasChanged()，双向绑定会自动触发组件更新
    }
}

补充说明：

• 把双向绑定移到<MudTabs>后，整个标签组的激活状态由activeIndex统一控制
• 不需要在方法里手动调用StateHasChanged()，Blazor的绑定机制会自动处理组件状态更新
• 按钮的OnClick可以直接绑定方法名，简化代码写法

修改完成后，点击按钮就能正常跳转到Tab3标签页。

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