button按钮触发点击事件后出现自动跳转问题

Posted 2020-10-22 不负时光

在项目中遇到在点击+号按钮后出现跳转。该button在form表单内，分析原因得知，触发事件后button按钮自动提交了表单，从而出现跳转。

查找手册得知button type有三个属性值，其中默认为submit，所以在未添加type属性时，button默认为submit。

此问题在button中添加type=“button”则恢复正常。

值	描述
submit	默认。按钮是提交按钮。
button	按钮时可点击的按钮。
reset	按钮是重置按钮（清空数据）。