咨询：Blazor能否实现子组件到父组件的单向绑定（类绑定语法）

核心需求 #

实现子组件属性变化时自动同步父组件对应属性，但父组件属性变化不影响子组件，且使用类似双向绑定的优雅语法：<ChildComponent @bind-one-way-Token="Token"></ChildComponent>

实现方案 #

1. 子组件（ChildComponent.razor） #

通过自定义参数映射和属性setter逻辑，阻断父到子的反向同步，同时保留子到父的回调通知：

<!-- 子组件UI示例 -->
<p>子组件Token：@_oneWayToken</p>
<button @onclick="UpdateChildToken">更新子组件Token</button>

@code {
    private string _oneWayToken;

    // 映射父组件@bind-one-way-Token的参数
    [Parameter(Name = "one-way-Token")]
    public string OneWayToken
    {
        get => _oneWayToken;
        set
        {
            // 仅初始化时接收父组件的初始值，后续父组件变更直接忽略
            if (_oneWayToken == null)
            {
                _oneWayToken = value;
            }
        }
    }

    // 对应绑定的回调事件，命名需和参数名匹配（加Changed后缀）
    [Parameter(Name = "one-way-TokenChanged")]
    public EventCallback<string> OneWayTokenChanged { get; set; }

    // 子组件内部更新属性的方法
    private async Task UpdateChildToken()
    {
        _oneWayToken = Guid.NewGuid().ToString();
        // 触发回调通知父组件更新
        await OneWayTokenChanged.InvokeAsync(_oneWayToken);
    }
}

2. 父组件（ParentComponent.razor） #

直接使用期望的绑定语法即可，父组件属性变更不会同步到子组件：

<!-- 父组件UI示例 -->
<p>父组件Token：@Token</p>
<button @onclick="UpdateParentToken">更新父组件Token</button>

<!-- 使用自定义单向绑定语法 -->
<ChildComponent @bind-one-way-Token="Token"></ChildComponent>

@code {
    public string Token { get; set; } = "初始父Token";

    private void UpdateParentToken()
    {
        Token = "父组件手动更新的Token";
        // 此操作不会影响子组件的Token值
    }
}

关键说明 #

• 阻断父到子同步：子组件属性的setter仅在初始化阶段（_oneWayToken为null时）接收父组件值，后续父组件修改属性时，子组件不会同步更新。
• 保持语法优雅：利用Blazor的@bind-{Parameter}绑定规则，通过[Parameter(Name)]映射连字符命名的参数，实现和双向绑定一致的简洁写法。
• 子到父同步逻辑：子组件内部属性变更时，通过EventCallback触发父组件的属性更新，和双向绑定的回调逻辑一致，但仅单向生效。

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