表单提交页面刷新问题
背景
- 在template中使用了
<form></form>,在form中使用了button - button绑定了
onClick事件,进行非提交表单的操作 - 当点击button时页面会自动刷新
原因
- form标签在提交的时候会自带刷新页面的请求
- button标签默认
type="submit",放在form中使用点击就会触发submit
解决
- 使用input代替button,将type更换为
type="test"
<form></form>,在form中使用了buttononClick事件,进行非提交表单的操作type="submit",放在form中使用点击就会触发submittype="test"