MAUI技术咨询：为何ViewModel无法访问Navigation，.xaml.cs却可以？

为什么Navigation在ViewModel里不能访问，却能在.xaml.cs里用？ #

.xaml.cs对应的页面类（比如LoginPage）继承自MAUI的ContentPage基类，而ContentPage本身内置了Navigation属性，所以在页面的代码后台可以直接调用。但你的LoginViewModel继承的是ObservableObject（通常来自CommunityToolkit.Mvvm），这个类并没有Navigation成员，直接调用自然会提示“名称不存在”。

解决办法 #

方法1：直接传递Navigation实例给ViewModel #

在ViewModel中添加INavigation类型的属性，然后在页面的构造函数里把自身的Navigation赋值给它：

// LoginViewModel.cs
public partial class LoginViewModel : ObservableObject
{
    public INavigation Navigation { get; set; }

    void Login()
    {
        Navigation.PushAsync(new HomePage());
    }
}

// LoginPage.xaml.cs
public LoginPage(LoginViewModel vm)
{
    InitializeComponent();
    vm.Navigation = Navigation;
    BindingContext = vm;
}

方法2：使用导航服务（符合MVVM解耦原则） #

封装一个独立的导航服务，通过依赖注入让ViewModel使用，避免ViewModel直接依赖页面类：

1. 定义导航服务接口：

public interface INavigationService
{
    Task PushAsync(Page page);
    Task PopAsync();
    // 可根据需求添加其他导航方法
}

2. 实现导航服务：

public class NavigationService : INavigationService
{
    public Task PushAsync(Page page)
    {
        return Application.Current.MainPage.Navigation.PushAsync(page);
    }

    public Task PopAsync()
    {
        return Application.Current.MainPage.Navigation.PopAsync();
    }
}

3. 在MauiProgram中注册服务：

builder.Services.AddSingleton<INavigationService, NavigationService>();

4. ViewModel中注入并使用：

public partial class LoginViewModel : ObservableObject
{
    private readonly INavigationService _navigationService;

    public LoginViewModel(INavigationService navigationService)
    {
        _navigationService = navigationService;
    }

    void Login()
    {
        _navigationService.PushAsync(new HomePage());
    }
}

方法3：使用消息传递实现解耦 #

通过MVVM Toolkit的WeakReferenceMessenger（或传统的MessagingCenter）让ViewModel发送导航指令，页面接收后执行导航操作：

1. 定义导航消息类：

public class NavigateToPageMessage
{
    public Type PageType { get; }
    public NavigateToPageMessage(Type pageType) => PageType = pageType;
}

2. ViewModel中发送消息：

public partial class LoginViewModel : ObservableObject
{
    void Login()
    {
        WeakReferenceMessenger.Default.Send(new NavigateToPageMessage(typeof(HomePage)));
    }
}

3. 页面中订阅消息：

// LoginPage.xaml.cs
public LoginPage()
{
    InitializeComponent();
    WeakReferenceMessenger.Default.Register<NavigateToPageMessage>(this, (recipient, message) =>
    {
        var page = (Page)Activator.CreateInstance(message.PageType);
        Navigation.PushAsync(page);
    });
}

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