如何优雅实现多层嵌套控件内按钮与ViewModel命令的绑定？

方案1：直接穿透绑定顶层ViewModel #

不需要在中间用户控件定义任何命令依赖属性，最内层按钮通过RelativeSource直接绑定窗口DataContext里的命令：

<Button Command="{Binding DataContext.YourTargetCommand, 
                          RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
        Content="执行操作"/>

这种方式跳过所有中间层级，直接关联到窗口的ViewModel命令，彻底省去中间控件的冗余代码。

方案2：利用DataContext的自动继承特性 #

WPF的DataContext默认会沿可视化树向下传递，只要你的中间用户控件没有显式设置自己的DataContext，最内层按钮的DataContext就是窗口的ViewModel，直接绑定即可：

<Button Command="{Binding YourTargetCommand}" Content="执行操作"/>

如果之前你是因为中间控件需要绑定自身属性而覆盖了DataContext，可以改用RelativeSource或ElementName绑定控件自身属性，不要替换DataContext——这样既能满足中间控件的绑定需求，又能保留顶层ViewModel的上下文传递。

方案3：使用路由命令（适合多控件共享逻辑） #

如果这个按钮操作是多个控件都可能触发的通用逻辑，可以定义路由命令，在窗口级别统一处理：

1. 定义自定义路由命令：

public static class AppCommands
{
    public static readonly RoutedCommand DoAction = new RoutedCommand();
}

2. 最内层按钮绑定该命令：

<Button Command="{x:Static local:AppCommands.DoAction}" Content="执行操作"/>

3. 在窗口中添加命令绑定，关联ViewModel的方法：

<Window.CommandBindings>
    <CommandBinding Command="{x:Static local:AppCommands.DoAction}"
                    Executed="OnDoActionExecuted"/>
</Window.CommandBindings>

4. 窗口后台代码调用ViewModel方法：

private void OnDoActionExecuted(object sender, ExecutedRoutedEventArgs e)
{
    if (DataContext is YourViewModel vm)
    {
        vm.YourTargetMethod();
    }
}

这种方式适合全局通用的操作，中间控件无需任何额外处理。

方案选择建议 #

• 优先选方案2：零额外代码，完全利用WPF原生特性，最简洁。
• 中间控件必须独立DataContext时，用方案1：避免多层依赖属性的繁琐。
• 多控件共享同一操作逻辑时，用方案3：路由命令更便于统一管理。

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