从 table 中删除具有无效值的行后，下一行不正确 'invalid' css

Question

NET Core 3.1 等，Blazor 服务器

我有一个 table，只有几行。我可以通过在服务器端添加到列表或从列表中删除项目来添加和删除行。 我的输入字段使用 DataAnnotations [Required]

进行简单验证

例子。 2 行。当删除输入字段为“无效”的第一个时，因为它是空的，第二行向上移动到第一行。而填充数据的输入字段就像无效的一样，因为有红色边框，但没有错误消息。 对于输入字段，我使用 Blazor InputText。

有人可以帮我解决这个问题吗？

祝愿

Answer 1

只需在行上添加一个@key。容易解决。 https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#use-key-to-control-the-preservation-of-elements-and-components