Blazor Button Onclick 函数提交表单

Question

我在使用 Blazor 时遇到了一个奇怪的问题。我有一个用于创建和编辑记录的表单，在相同的表单上我有 table 行和列。在一列中，我正在渲染删除按钮，如 screenshot.When 所示，我单击删除按钮，它显示模式框以供确认。

代码：<td><button @onclick="(() => ExecuteDelete(file.fileName))">x</button></td>

当我单击此按钮时，确认模式框已打开，但在后台它正在提交表单并在表单上显示验证消息。我有单独的按钮来提交表单。

这种行为正确吗？？如何防止这种情况。

任何人都可以帮助解决这个问题。

谢谢

Answer 1

根据 spec，当放置在表单中时，<button> 元素默认为 type="submit"。将删除按钮设置为显式 type="button".

<form>
  <button type="button" @onclick="(() => ExecuteDelete(file.fileName))">x</button>
</form>

Blazor Button Onclick function submitting form