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

由于项目使用了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