WPF MVVM TabControl 如何为每个新标签创建独立的UserControl/ViewModel实例

当前所有标签共享同一个实例、修改内容同步到所有标签的核心原因是绑定链路的两个设计错误：

• NameTabView 给根元素设置了固定名称 Name="MM"，并且在内部MainUserControl的绑定中用ElementName=MM作为查找源。由于每个数据模板生成的视图实例名称都是"MM"，WPF绑定系统会统一将所有这类绑定指向第一个生成的、名称为MM的元素，不管当前属于哪个标签页，最终所有标签内的控件都绑定到了同一个ViewModel上。
• NameTabView.xaml.cs 构造函数中硬编码了 DataContext = new NameTab()，直接覆盖了WPF数据模板机制自动传入的、对应每个标签的独立NameTab实例，进一步让视图和ViewModel层管理的标签集合完全脱节。

1. 移除视图后台的硬编码DataContext #

删除NameTabView.xaml.cs构造函数中的硬编码行，WPF的DataTemplate机制会自动把每个Tab对应的集合项（也就是你在NewTab方法中创建的独立NameTab实例）作为DataContext传给视图，不需要手动设置：

public partial class NameTabView : UserControl
{
    public NameTabView()
    {
        InitializeComponent();
        // 删除这行硬编码：DataContext = new NameTab();
    }
}

2. 修正视图内的绑定逻辑，去掉易引发名称冲突的ElementName跳转 #

直接绑定当前DataContext（也就是对应的NameTab实例）上的dt属性，避免多实例场景下的名称查找冲突：

<UserControl ...
             <!-- 可以移除原来的Name="MM"定义 -->
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <!-- 原绑定：DataContext="{Binding DataContext.dt, ElementName=MM}" -->
        <!-- 修正后直接绑定 -->
        <CommercialClient:MainUserControl DataContext="{Binding dt}" />
    </Grid>
</UserControl>

3. 确认独立实例生成逻辑有效 #

你当前NameTab类中创建独立ViewModel的逻辑本身是正确的，不需要修改：

public class NameTab : Tab
{
    // 每个NameTab实例都会生成独立的MainUserControlViewModel
    public MainUserControlViewModel dt { get; set; }
    public NameTab()
    {
        Name = "CommercialTab";
        dt = new MainUserControlViewModel();
    }
}

因为每次点击新建标签按钮时，都会调用new NameTab()生成全新的标签数据对象，每个对象自带独立的业务ViewModel，只要绑定链路正确，就不会出现实例共享的问题。

• 可以给每个新建的标签设置唯一的标题，避免所有标签名称完全一致，比如修改NewTab方法中的逻辑：

  private void NewTab()
  {
      var newTab = new NameTab();
      newTab.Name = $"CommercialTab {tabs.Count + 1}";
      Tabs.Add(newTab);
  }
  

• WPF默认的TabControl在切换标签时会卸载非选中标签的可视化树，如果需要保留每个标签的操作状态，需要为TabControl添加自定义样式，固定保留每个Tab的内容渲染实例，避免切换时的状态丢失。

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