.NET7下MVVM源生成器绑定失效：侧边栏导航视图切换问题

我正在实现一个带有侧边栏导航的简易UI，但点击按钮无法切换视图。查阅各类教程后发现微软官方教程并未深入相关内容，请求帮忙排查以下代码中的问题：

C# ViewModel代码 #

public partial class MainViewModel : ObservableObject
{
    public SettingsViewModel SettingsVM;
    public ReportViewModel ReportVM;

    public object MainView => currentView;

    [ObservableProperty]
    [NotifyPropertyChangedFor(nameof(MainView))]
    private object currentView;


    [RelayCommand]
    public void Settings() => currentView = SettingsVM;

    [RelayCommand]
    public void Report() => currentView = ReportVM;

    public MainViewModel()
    {
        ReportVM = new ReportViewModel();
        SettingsVM = new SettingsViewModel();
        currentView = ReportVM;
    }
}

XAML代码 #

<ContentControl 
Grid.Row="1"
Grid.Column="1"
Margin="5,5,5,5"
Content="{Binding MainView}"/>

可能的问题及修复方案 #

1. 按钮命令绑定错误 #

RelayCommand会自动为你的方法生成对应命令属性，命名规则为方法名+Command。例如Settings()方法对应的命令是SettingsCommand，Report()对应的是ReportCommand。如果按钮绑定的是方法名而非生成的命令属性，点击就不会触发视图切换。

正确的按钮绑定示例：

<Button Content="设置" Command="{Binding SettingsCommand}" />
<Button Content="报表" Command="{Binding ReportCommand}" />

2. DataContext未正确设置 #

必须确保窗口/页面的DataContext已赋值为MainViewModel实例，否则所有绑定都无法生效。

XAML方式设置：

<Window.DataContext>
    <local:MainViewModel />
</Window.DataContext>

后台代码方式设置：

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainViewModel();
}

3. ViewModel字段改为属性（规范优化） #

当前代码中字段赋值可正常工作，但将SettingsVM和ReportVM改为ObservableProperty更符合MVVM规范，也能避免后续潜在的绑定问题：

public partial class MainViewModel : ObservableObject
{
    public object MainView => currentView;

    [ObservableProperty]
    [NotifyPropertyChangedFor(nameof(MainView))]
    private object currentView;

    [ObservableProperty]
    private SettingsViewModel settingsVM;

    [ObservableProperty]
    private ReportViewModel reportVM;

    [RelayCommand]
    public void Settings() => currentView = SettingsVM;

    [RelayCommand]
    public void Report() => currentView = ReportVM;

    public MainViewModel()
    {
        ReportVM = new ReportViewModel();
        SettingsVM = new SettingsViewModel();
        currentView = ReportVM;
    }
}

4. 缺少视图与ViewModel的数据模板关联 #

ContentControl需要通过数据模板（DataTemplate）将ViewModel映射到对应的视图，否则无法正确渲染界面。

在App.xaml或当前窗口的Resources中添加以下模板：

<Window.Resources>
    <DataTemplate DataType="{x:Type local:SettingsViewModel}">
        <local:SettingsView />
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:ReportViewModel}">
        <local:ReportView />
    </DataTemplate>
</Window.Resources>

内容的提问来源于stack exchange，提问作者Staša Sekulić