WPF中能否同时通过Binding绑定Content与DataContext？

当你同时给TabItem绑定Content和DataContext时，DataContext="{Binding BaseModuleViewModel}"会将TabItem的上下文切换为BaseModuleViewModel，而Content="{Binding BaseModuleView}"的绑定目标就变成了BaseModuleViewModel——但BaseModuleView属性是在MainViewModel里定义的，所以绑定找不到值，导致页面无内容。

提供三种可行的解决思路：

1. 给Content绑定指定原始上下文 #

修改Content的绑定，通过RelativeSource让它从上级控件（比如UserControl）获取MainViewModel作为上下文：

<TabItem 
    Header="Base" 
    Content="{Binding DataContext.BaseModuleView, RelativeSource={RelativeSource AncestorType=UserControl}}" 
    DataContext="{Binding BaseModuleViewModel}" />

这样Content的绑定依然指向MainViewModel的BaseModuleView，而TabItem的DataContext切换为BaseModuleViewModel，两者互不干扰。

2. 封装View和ViewModel为统一模型 #

在MainViewModel里定义一个封装类：

public class ModuleItem
{
    public object View { get; set; }
    public object ViewModel { get; set; }
}

// 在MainViewModel中
public ModuleItem BaseModule { get; set; }

// 加载时赋值
BaseModule = new ModuleItem
{
    View = 从资源字典获取的BaseModuleView,
    ViewModel = 从资源字典获取的BaseModuleViewModel
};

然后XAML中绑定：

<TabItem 
    Header="Base" 
    DataContext="{Binding BaseModule}">
    <ContentControl Content="{Binding View}" DataContext="{Binding ViewModel}" />
</TabItem>

通过中间的ContentControl分别绑定View和对应的ViewModel，逻辑更清晰。

3. 加载View时直接设置DataContext #

在MainViewModel获取到BaseModuleView和BaseModuleViewModel后，直接给View设置DataContext：

// 假设BaseModuleView是FrameworkElement类型
var baseView = 从资源字典获取的BaseModuleView as FrameworkElement;
if (baseView != null)
{
    baseView.DataContext = 从资源字典获取的BaseModuleViewModel;
}
BaseModuleView = baseView;

此时XAML只需绑定Content即可，无需再设置TabItem的DataContext：

<TabItem 
    Header="Base" 
    Content="{Binding BaseModuleView}" />

这种方式最简洁，把ViewModel的绑定逻辑放到后台处理，XAML只负责展示View。

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