vue使用enter鍵阻止自動提交表單的解決方法

2021-09-02 23:15:09 字數 878 閱讀 1129

問題:

專案中使用了element-ui,在某乙個input上繫結了enter的鍵盤事件,**如下

"true"

>

"value" @keyup.native.enter=

"search"

>

<

/el-input>

"search"

>

<

/i>

<

/el-form-item>

<

/el-form>

理論上來說按下回車鍵會提交查詢,然後獲取查詢結果渲染到頁面,但事實是在按下enter的時候瀏覽器重新整理了。。。

瀏覽器位址列從

變成了http://localhost:8080/

?#/***

多了個「?」

顯然是enter自動提交表單在搞鬼

解決方法:

在form表單上加上 @submit.native.prevent 阻止自動提交

修改後的**如下:

"true" @submit.native.prevent>

"value" @keyup.native.enter=

"search"

>

<

/el-input>

"search"

>

<

/i>

<

/el-form-item>

<

/el-form>

再試一下,搞定

enter鍵的使用

vue全部的按鍵別名 vue中 縮寫 type text keyup.enter test 1 在使用過程中,如果頁面只針對乙個input新增鍵盤enter事件,可以直接按照官方文件定義的別名增加相應事件就可以了 登入 無效寫法 但是如果是要對頁面的button新增enter鍵盤事件,就不能寫在in...

vue中登入頁按enter鍵直接登入

寫部落格是為了記筆記!html 樣式部分可以不用管,主要是乙個click方法和乙個keyup.enter的方法要注意 login btn click submit loginform keyup.enter submit margin left 12 登入 js created中新增鍵盤事件 cre...

無法使用Tab鍵,自動退出終端

現象 某台伺服器,suse12系統,連線上伺服器之後,無法使用tab補全命令和路徑,並且按下tab回導致xshell視窗關閉。解決 伺服器的記憶體和cpu沒有什麼異常,磁碟空間也是正常的,但是inode滿了。df i 檢視 tmp的inode已經100 了 單獨的檔案系統 可能某些命令或是程序的啟動...