Blazor MVVM中向新打开的编辑窗口传递值的最佳实践

针对你遇到的问题，这里有几个无需在View层写业务代码的可行方案：

1. ViewModel工厂模式+构造函数传参 #

核心思路是通过工厂类统一创建EditFormWindowViewModel，并在创建时直接传入ProductInfo数据，避免View层介入数据传递：

• 定义一个IEditViewModelFactory接口，包含创建EditFormWindowViewModel的方法，参数为ProductInfo：

  public interface IEditViewModelFactory
  {
      EditFormWindowViewModel Create(ProductInfo product);
  }
  
  public class EditViewModelFactory : IEditViewModelFactory
  {
      // 可注入EditFormWindowViewModel依赖的其他服务
      public EditFormWindowViewModel Create(ProductInfo product)
      {
          return new EditFormWindowViewModel(product);
      }
  }
  

• 在PageMainViewModel中注入这个工厂，点击编辑按钮时，调用工厂创建带参数的VM实例，同时触发窗口打开的状态标记：

  public class PageMainViewModel
  {
      private readonly IEditViewModelFactory _editFactory;
      public bool IsEditWindowOpen { get; set; }
      public EditFormWindowViewModel CurrentEditVm { get; set; }
  
      public PageMainViewModel(IEditViewModelFactory editFactory)
      {
          _editFactory = editFactory;
      }
  
      public void OnEditButtonClicked(ProductInfo product)
      {
          CurrentEditVm = _editFactory.Create(product);
          IsEditWindowOpen = true;
      }
  }
  

• View层只需要绑定IsEditWindowOpen来控制窗口显示，绑定CurrentEditVm作为窗口的VM，完全不用处理数据传递逻辑。

2. Scoped共享状态容器 #

用一个Scoped的状态类作为VM之间的数据桥梁，适合单页面内的窗口交互：

• 创建一个EditStateContainer，存储编辑所需的数据和窗口状态：

  public class EditStateContainer
  {
      public ProductInfo TargetProduct { get; set; }
      public bool IsEditWindowOpen { get; set; }
  
      public void OpenEditWindow(ProductInfo product)
      {
          TargetProduct = product;
          IsEditWindowOpen = true;
      }
  
      public void CloseEditWindow()
      {
          IsEditWindowOpen = false;
          TargetProduct = null;
      }
  }
  

• 在Program.cs中注册为Scoped服务：

  builder.Services.AddScoped<EditStateContainer>();
  

• PageMainViewModel注入容器，点击编辑时调用容器的方法设置数据和状态：

  public class PageMainViewModel
  {
      private readonly EditStateContainer _editState;
  
      public PageMainViewModel(EditStateContainer editState)
      {
          _editState = editState;
      }
  
      public void OnEditButtonClicked(ProductInfo product)
      {
          _editState.OpenEditWindow(product);
      }
  }
  

• EditFormWindowViewModel注入容器，初始化时读取TargetProduct：

  public class EditFormWindowViewModel
  {
      public ProductInfo CurrentProduct { get; set; }
  
      public EditFormWindowViewModel(EditStateContainer editState)
      {
          CurrentProduct = editState.TargetProduct;
      }
  }
  

• View层只需绑定容器的IsEditWindowOpen控制窗口显示，窗口的VM自动从容器获取数据。

3. 自定义导航服务封装窗口管理 #

如果你的项目有多个窗口类型，可封装一个导航服务统一处理窗口打开和参数传递：

• 定义IWindowNavigationService，包含打开编辑窗口的方法：

  public interface IWindowNavigationService
  {
      event Action<Type, object> WindowRequested;
      void OpenEditWindow(ProductInfo product);
  }
  
  public class WindowNavigationService : IWindowNavigationService
  {
      public event Action<Type, object> WindowRequested;
  
      public void OpenEditWindow(ProductInfo product)
      {
          WindowRequested?.Invoke(typeof(EditFormWindowViewModel), product);
      }
  }
  

• PageMainViewModel注入服务，点击编辑时触发打开事件：

  public class PageMainViewModel
  {
      private readonly IWindowNavigationService _navService;
  
      public PageMainViewModel(IWindowNavigationService navService)
      {
          _navService = navService;
      }
  
      public void OnEditButtonClicked(ProductInfo product)
      {
          _navService.OpenEditWindow(product);
      }
  }
  

• 在View层（比如主布局或PageMain.razor）监听服务的事件，创建对应的VM实例并打开窗口：

  @inject IWindowNavigationService NavService
  @implements IDisposable
  
  @* 页面内容 *@
  
  @code {
      protected override void OnInitialized()
      {
          NavService.WindowRequested += OnWindowRequested;
      }
  
      private void OnWindowRequested(Type vmType, object param)
      {
          if (vmType == typeof(EditFormWindowViewModel))
          {
              var editVm = new EditFormWindowViewModel((ProductInfo)param);
              // 触发窗口显示逻辑，比如绑定到组件参数
              EditWindowVm = editVm;
              IsEditWindowOpen = true;
          }
      }
  
      public void Dispose()
      {
          NavService.WindowRequested -= OnWindowRequested;
      }
  }
  

这个方案中，View层只负责窗口的显示触发，数据传递完全由VM和导航服务处理。

方案选择建议 #

• 工厂模式：适合每个编辑窗口需要独立VM实例、数据隔离的场景，代码解耦性好。
• 共享状态容器：适合简单的单页面编辑场景，实现成本最低。
• 导航服务：适合多窗口类型、需要统一管理窗口生命周期的复杂项目。

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