为何点击Cancel按钮后会触发Save方法？（Blazor子组件）

• 问题根源：HTML里的<button>元素默认type为submit，你的Cancel和Delete按钮嵌套在<EditForm>内部，点击时会先执行绑定的@onclick方法（比如CancelEdit），紧接着触发表单的提交操作，从而调用EditForm的OnValidSubmit绑定的Save方法。

• 解决方案：给Cancel和Delete按钮显式设置type="button"，阻止它们触发表单提交：

修改后的按钮代码如下：

<button type="button" @onclick="CancelEdit" class="ms-3 btn btn-secondary">Cancel</button>
<button type="button" @onclick="()=>Delete(new MyClass())" class="ms-3 btn btn-danger">Delete</button>

设置type="button"后，按钮只会执行绑定的点击逻辑，不会触发表单提交，也就不会再调用Save方法了。

内容的提问来源于stack exchange，提问作者Rod