ASP.NET Blazor使用对象级联传值时绑定失效问题排查

核心错误点 #

• IsFixed="true"的错误使用：这个属性会告知Blazor级联值的引用永远不会改变，因此Blazor不会跟踪对象内部属性的变化，子组件<Count>无法感知到Color属性的更新。
• 普通对象属性变化不触发渲染：你的DateTimeValues是普通类实例，修改其内部属性时，Blazor默认不会触发父组件重新渲染——因为Blazor的状态检测仅针对字段/属性的重新赋值操作，而非对象内部属性的变更。

修正方案 #

方案1：手动触发状态更新（简单场景）

移除IsFixed="true"，并在输入框的oninput事件中手动调用StateHasChanged()通知Blazor更新状态：

@rendermode RenderMode.InteractiveServer

<CascadingValue Value="@DateTimeValues">
  <Count />
</CascadingValue>
<input @bind="@DateTimeValues.Color" @bind:event="oninput" @oninput="() => StateHasChanged()" />

@code {
  DateTimeValues DateTimeValues = new()
  {
    Now = DateTime.Now,
    Color = "red"
  };

  public class DateTimeValues
  {
    public DateTime Now { get; set; }
    public string Color { get; set; }
  }
}

方案2：实现INotifyPropertyChanged（复杂场景）

让DateTimeValues类实现INotifyPropertyChanged接口，通过属性变更事件自动触发组件渲染，适合属性变化频繁的场景：

@rendermode RenderMode.InteractiveServer
@implements IDisposable

<CascadingValue Value="@DateTimeValues">
  <Count />
</CascadingValue>
<input @bind="@DateTimeValues.Color" @bind:event="oninput" />

@code {
  DateTimeValues DateTimeValues = new()
  {
    Now = DateTime.Now,
    Color = "red"
  };

  protected override void OnInitialized()
  {
    DateTimeValues.PropertyChanged += (_, __) => StateHasChanged();
  }

  public void Dispose()
  {
    DateTimeValues.PropertyChanged -= (_, __) => StateHasChanged();
  }

  public class DateTimeValues : INotifyPropertyChanged
  {
    private DateTime _now;
    private string _color;

    public DateTime Now
    {
      get => _now;
      set
      {
        if (_now != value)
        {
          _now = value;
          OnPropertyChanged();
        }
      }
    }

    public string Color
    {
      get => _color;
      set
      {
        if (_color != value)
        {
          _color = value;
          OnPropertyChanged();
        }
      }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
      PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
  }
}

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