如何在 Blazor Serv 中执行与 razor 页面输入字段的 onchange 事件相关的功能。应用程序？ （我必须使用函数中的输入值）

Question

您好，我的 Blazor razor 页面中有一个文本输入字段，用户必须在其中提供输入字符串。我必须在用户键入值期间评估此输入字符串。我在输入对象的“onchange”事件中定义了一个函数。但我不知道如何在不使用@bind的情况下使用此函数中的输入值。对我来说主要的问题是我不能同时使用 @bind 和 @onchange 。通常我会将输入值绑定到变量。

<input type="text"  @onchange="Eval_input" >
@code {
private void Eval_input()
{
 // my function for evaluating the input strng    
 // here in my function I want to use the entered input string 
}
}

Answer 1

你可以尝试在Eval_input中使用

ChangeEventArgs

。

(string)e.Value

是input的值。这是一个演示：

<p>data: @data</p>
<input type="text" @onchange="Eval_input">
@code {
    private string data { get; set; }
  
    private void Eval_input(ChangeEventArgs e)
    {
        data = (string)e.Value;
        // my function for evaluating the input strng
        // here in my function I want to use the entered input string
    }
}

结果：

Answer 2

  <p>data: @data</p>
  <input type="text" @onchange="Eval_input">
  @code {
  private string data { get; set; }

  private void Eval_input(ChangeEventArgs e)
  {
  data = (string)e.Value;
  // my function for evaluating the input strng
  // here in my function I want to use the entered input string
  }
  }

严重性代码描述项目文件行抑制状态 错误（活动）CS0103 当前上下文中不存在名称“代码”E:\App_C#@2023NET\XG_Event\XG_Event\Pages\Index.cshtml 12
严重性代码 说明 项目文件行抑制状态 错误（活动）CS0103 当前上下文中不存在名称“数据”E:\App_C#@2023NET\XG_Event\XG_Event\Pages\Index.cshtml 10
严重性代码 说明 项目文件行抑制状态 错误（活动）CS0103 当前上下文中不存在名称“onchange”E:\App_C#@2023NET\XG_Event\XG_Event\Pages\Index.cshtml 11