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)
    }
  }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章