如何在MAUI中结合MVVM通过MAUI.Toolkit或Mopup向弹窗传参？

问题根源 #

你遇到的报错MessagePopup does not contain a constructor that contains 1 argument源于两个核心问题：

1. 弹窗页面MessagePopup仅默认有无参构造函数，你调用new MessagePopup("tex")时没有对应的带参构造匹配；
2. XAML中直接硬编码实例化MessagePopupViewModel，无法通过构造函数传递参数，也不符合MVVM的参数传递逻辑。

解决方案一：构造函数传参（最直接） #

1. 修改弹窗页面后台代码

给MessagePopup添加带参构造函数，接收ViewModel或直接接收参数，然后绑定上下文：

// MessagePopup.xaml.cs
public partial class MessagePopup : PopupPage
{
    // 直接接收ViewModel的构造（推荐，符合MVVM）
    public MessagePopup(MessagePopupViewModel viewModel)
    {
        InitializeComponent();
        BindingContext = viewModel;
    }

    // 可选：直接接收字符串参数的重载，内部转成ViewModel
    public MessagePopup(string messageText) : this(new MessagePopupViewModel(messageText))
    {
    }
}

2. 移除XAML中的硬编码ViewModel

删掉XAML里的<mopup:PopupPage.BindingContext>节点，因为现在由后台代码设置BindingContext：

<!-- 移除这段代码 -->
<mopup:PopupPage.BindingContext>
    <viewmodels:MessagePopupViewModel/>
</mopup:PopupPage.BindingContext>

3. 修正跳转代码

调用弹窗时传入正确的参数，注意原代码的string text = "tex"是错误的参数写法：

// 页面ViewModel中的跳转代码
await _popupNavigation.PushAsync(new MessagePopup("tex"));
// 或者传入ViewModel实例
// await _popupNavigation.PushAsync(new MessagePopup(new MessagePopupViewModel("tex")));

解决方案二：依赖注入+ViewModel传参（更符合MVVM规范） #

如果你的项目使用依赖注入，推荐这种方式，避免直接new ViewModel：

1. 注册ViewModel到DI容器

在MauiProgram.cs中注册MessagePopupViewModel：

builder.Services.AddTransient<MessagePopupViewModel>();

2. 调整弹窗页面构造函数

保持接收ViewModel的构造：

public partial class MessagePopup : PopupPage
{
    public MessagePopup(MessagePopupViewModel viewModel)
    {
        InitializeComponent();
        BindingContext = viewModel;
    }
}

3. 在页面ViewModel中注入并使用

通过DI获取ViewModel实例，设置参数后传递给弹窗：

private readonly IPopupNavigation _popupNavigation;
private readonly IServiceProvider _serviceProvider;

// 构造函数注入依赖
public YourPageViewModel(IPopupNavigation popupNavigation, IServiceProvider serviceProvider)
{
    _popupNavigation = popupNavigation;
    _serviceProvider = serviceProvider;
}

// 打开弹窗的方法
public async Task OpenMessagePopup()
{
    var popupVm = _serviceProvider.GetRequiredService<MessagePopupViewModel>();
    popupVm.Message = "需要传递的文本";
    await _popupNavigation.PushAsync(new MessagePopup(popupVm));
}

解决方案三：使用MAUI Toolkit Messenger传递参数（适合复杂场景） #

如果不想用构造函数传参，可以用MAUI Toolkit的WeakReferenceMessenger实现跨组件消息传递：

1. 定义消息类

// 定义传递消息的类
public class PopupMessage : ValueChangedMessage<string>
{
    public PopupMessage(string message) : base(message)
    {
    }
}

2. 在Popup ViewModel中注册消息接收

public partial class MessagePopupViewModel : ObservableObject
{
    [ObservableProperty]
    private string message;

    public MessagePopupViewModel()
    {
        // 注册消息监听
        WeakReferenceMessenger.Default.Register<PopupMessage>(this, (recipient, message) =>
        {
            Message = message.Value;
        });
    }
}

3. 在页面ViewModel中发送消息并打开弹窗

// 发送消息
WeakReferenceMessenger.Default.Send(new PopupMessage("需要传递的文本"));
// 打开弹窗（弹窗用无参构造即可）
await _popupNavigation.PushAsync(new MessagePopup());

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