我有一个 .razor 页面(父页面),其中包含一个子组件,即 MudTextField。当用户导航到父页面时,我希望焦点/光标位于 MudTextField 中。如何获取子页面中 MudTextField 对父页面的引用?
注意:我注意到我的代码中 Parent 拼写错误。截取屏幕截图后我已更正此问题。
谢谢
父组件中的子组件
父级中的 EventCallBack
子组件中的 MudTextField
子函数到父函数
当我在 Blazor Server App 中运行以下代码时,代码按预期执行。但是,当我在 Blazor Web App 中运行相同的代码时,执行永远不会进入 ReverseText 方法。在 Blazor Web App 中,我选择了交互式渲染模式 => 服务器,以确保这不是原因。
是否可以解释为什么代码在 Blazor Server App 中执行,但不在 Blazor Web App 中执行?
谢谢
@page "/"
<div class="form-group row">
<label for="name">Contact: </label>
<input type="text" @bind="strInput" @onkeyup="ReverseText" />
</div>
<p>Reversed: @strRevInput</p>
@code {
private string strInput = "";
private string strRevInput = "Rev";
private void ReverseText()
{
strRevInput = ReverseString(strInput);
}
private string ReverseString(string input)
{
char[] charArray = input.ToCharArray();
Array.Reverse(charArray);
return new string(charArray);
}
}