提交表单(formel-form)时点击提交按钮导致页面刷新的问题

tech2024-12-08  5

由于项目使用了elementui,所以在使用表单时复制了用例,如下图,提交按钮放在了el-form-item中。 但是由于想自己设置button的样式所以把el-button改成了button,并且没有设置type. 问题:在点击按钮时页面会自动刷新,刚开始以为是请求问题,因为一般都是第一次点击会刷新后面在请求就不会刷新了。但是得知第一次虽然会刷新页面看似没有成功请求,但实际后端已经接收到数据并返回了。 why?为什么会有这个问题呢? W3上有说到: 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。 而我的button没有设置type属性,默认值为submit,点击时导致页面刷新。 解决: 方法1.不要将button放在form表单中 方法2.给button设置type属性为button

<button type="button">提交</button>

方法3.如果使用了elementui,可以使用el-button

最新回复(0)