vue 提交form表单的时候,需要点击2次,画面会自动刷新

搞了一个多小时的个坑,在登录画面提交表单的时候,必须加上 e.preventDefault()
要不然事件会被系统拦截到。
查了文档,给出如下作用:
说明
e.preventDefault(),该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 “submit”,在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

加上就好了。

handleSubmit (e) {
  e.preventDefault()
  this.form.validateFields((err, values) => {
    if (!err) {
      console.log('Received values of form: ', values)
    }
  }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章