WPF采用MVVM架构时如何实现主从页面通信及参数传递

1. 修改MainWindowViewModel，将导航命令改为带参数版本 #

将原来的无参RelayCommand替换为支持参数传递的RelayCommand<T>，接收选中的条目作为参数，构造详情页ViewModel时直接传入：

public class MainWindowViewModel : ObservableObject
{
    private BaseViewModel viewModel;
    public BaseViewModel ViewModel
    {
        get => viewModel;
        set => SetProperty(ref viewModel, value);
    }

    // 改为带ItemModel参数的命令
    public RelayCommand<ItemModel> SwitchToDetailsCommand { get; }

    public MainWindowViewModel()
    {
        ViewModel = new MasterViewModel();
        SwitchToDetailsCommand = new RelayCommand<ItemModel>(SwitchToDetails);
    }

    private void SwitchToDetails(ItemModel selectedItem)
    {
        // 空值过滤，避免未选中条目时跳转
        if (selectedItem == null) return;
        // 构造详情页ViewModel时传入选中条目
        ViewModel = new DetailsViewModel(selectedItem);
    }
}

2. 给DetailsViewModel添加带参数构造函数和数据属性 #

新增属性用于接收传递过来的条目数据，通过构造函数完成赋值：

public class DetailsViewModel : BaseViewModel
{
    private ItemModel _currentItem;
    public ItemModel CurrentItem
    {
        get => _currentItem;
        set => SetProperty(ref _currentItem, value);
    }

    // 新增带参数的构造函数
    public DetailsViewModel(ItemModel selectedItem)
    {
        CurrentItem = selectedItem;
    }
}

3. 修改MasterView的导航按钮，添加参数绑定 #

给跳转按钮增加CommandParameter属性，绑定当前选中的条目：

<Button Command="{Binding DataContext.SwitchToDetailsCommand,
        RelativeSource={RelativeSource AncestorType={x:Type root:MainWindow}}, 
        Mode=OneWay}"
        CommandParameter="{Binding SelectedItem}">
        Open Selected
</Button>

4. 移除View中硬编码的DataContext声明 #

必须删除MasterView.xaml和DetailsView.xaml中<UserControl.DataContext>的全部代码：你当前的写法会强制给View创建全新的独立ViewModel实例，覆盖导航逻辑传入的带参数实例，导致参数无法传递。删除后DataTemplate会自动将View的DataContext绑定到MainWindowViewModel中创建的ViewModel实例，参数即可正常生效。

完成上述修改后，你就可以在DetailsView中直接绑定CurrentItem的属性展示数据，示例如下：

<TextBlock Text="{Binding CurrentItem.ItemName}" />

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