表單中設置了 `keyup.enter.native` 的按鍵事件,但是回車後沒有執行查詢,反而會刷新頁面

From: https://www.cnblogs.com/shayloyuki/p/16524712.html

 

場景

添加屬性對話框中,input輸入後點擊 enter,不會執行綁定的 handleDialogQuery 事件,反而會刷新整個頁面;

如果不點擊 enter,點擊搜索按鈕,則是正常的。

又測試:在 屬性組頁面中,input 輸入後點擊 enter,是正常的,不會刷新整個頁面。

解決辦法:給 form 添加 @submit.native.prevent

image

原因

在一個 form 表單中,若只有一個 input,按回車鍵表單會自動提交,但是當表單中存在多個 input 時,按回車鍵不會執行任何操作,這是 form 表單的一個特性。

參考鏈接

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章