在 Blazor 中,使用 @bind 指令可以将页面元素与组件中的属性进行绑定。而 @onchange 指令可以监听页面元素的值改变事件。下面是如何在 select 标签中使用 @bind 和 @onchange 的示例:
@code {
private string selectedValue;
private void HandleSelectChange(ChangeEventArgs e)
{
selectedValue = e.Value.ToString();
}
}
在上面的示例中,我们使用 @bind 将 selectedValue 属性绑定到 select 标签,并使用 @onchange 监听 select 标签的值改变事件,并更新 selectedValue 属性。这样,我们就可以在组件中使用 selectedValue 属性获取 select 标签的值。
需要注意的是,在使用 @bind 绑定 select 标签时,绑定的属性类型必须与选项的 value 属性类型相同。在上面的示例中,selectedValue 是一个 string 类型,所以选项的 value 属性也必须是 string 类型。