在 Blazor 组件中使用 @bind-directive。

在 Blazor 中，@bind-directive 是一种将组件的属性绑定到 HTML 元素的表达式的简写方式。使用 @bind-directive，我们可以轻松地使双向绑定生效。

具体实现方法如下：

1. 在组件中创建一个 public 属性，并用 [Parameter] 标记该属性。

2. 在组件中使用 @bind-directive，将该属性绑定到 HTML 元素。

3. 在父组件中，将子组件的绑定属性设置为新值。

代码示例：

子组件：

@code {
    [Parameter]
    public string Name { get; set; }
}

父组件：

@code {
    public string Name { get; set; } = "John";

    public void UpdateName()
    {
        Name = "Jane";
    }
}

在上述示例中，我们在子组件中创建了一个 Name 属性，并使用 @bind-directive 将其绑定到一个 HTML 输入框上。我们还在父组件中创建了一个 UpdateName 方法，该方法在单击按钮时更新 Name 属性的值。

请注意，我们在父组件中使用的是 @Parameter 属性名称（即 Name），而不是子组件中的实际属性名称（即 InputName）。这是因为 @Parameter 实际上是一个特殊的属性名称，用于将组件属性公开给其父组件。

通过这种方式，我们可以解决 Blazor [Parameter] not updating input variables 的问题，并使输入框的值随着父组件中的值的更改而自动更新。