使用Blazor单击提交后清除InputFields

Question

我想知道是否有人知道如何在按下保存按钮后清除所有输入字段"已提交"？？当我返回页面时，我的值仍然存在。

这是我正在使用的代码。

@page "/testform"
@inject BlazorApp6.Data.Person person
@inject BlazorApp6.DBContext.ValidationTestContext Context
@inject BlazorApp6.Interface.INterface Manager
<EditForm Model="@person" OnValidSubmit="@CreatePerson">
<DataAnnotationsValidator />
<ValidationSummary />
<div class="form-group">
<label for="Name">Name</label>
<InputText @bind-Value=Person.Name class="form-control" id="Name" />
<ValidationMessage For=@(() => Person.Name) />
</div>
<div class="form-group">
<label for="Age">Age</label>
<InputNumber @bind-Value=Person.Age class="form-control" id="Age" />
<ValidationMessage For=@(() => Person.Age) />
</div>
<input type="submit" class="btn btn-primary" value="Save" />
</EditForm>
@code {

protected override async Task OnInitializedAsync()
{
person.OnChange += StateHasChanged;
}
private void CreatePerson()
{
Manager.Create(person);


}
}

Answer 1

重置所有值。最简单的方法：

private void CreatePerson()
{
Manager.Create(person);
person = new Person();            
}

你不应该需要StateHasChanged:

protected override async Task OnInitializedAsync()
{
// person.OnChange += StateHasChanged;
}

否则，您必须-=和+=new Person()周围的事件

Answer 2

编写一个函数来清除输入字段

private void ClearInputFields()
{
person.Name = string.Empty;  
}

然后在成功提交后调用该方法