Blazor 文本在插入后不会立即更改

T0b*_*0bi 4 c# asp.net blazor mudblazor

我有一个应用程序,用户可以在其中的某个位置插入文本。该文本显示在同一页面上的徽章上。我想要的是,当用户键入时,更改会立即显示在徽章中。我添加了一个 oninput 事件,但 oninput 事件似乎不会更新 razor 页面,因为当我有输入更改时,徽章保持空白。仅当 TextField 上失去焦点时才会显示文本。

如何才能在插入字母时立即将其显示在徽章上?

文本输入:

<MudTextField @bind-Value="@itemAttribute.Title" @oninput="(e)=> itemAttribute.Title = e.Value.ToString()" />
Run Code Online (Sandbox Code Playgroud)

徽章:

<MudBadge Overlap="false" Style="@($"color: #CFD8DC;")" Color="Color.Transparent" Content="@itemAttribute.Title">
Run Code Online (Sandbox Code Playgroud)

多变的:

 [Parameter] public ItemAttribute itemAttribute { get; set; }
Run Code Online (Sandbox Code Playgroud)

Nic*_*ada 14

简单地尝试一下:

<MudTextField @bind-Value="@itemAttribute.Title" Immediate="true" />
Run Code Online (Sandbox Code Playgroud)