国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<th id="iu38q"></th>

<dd id="iu38q"><dl id="iu38q"></dl></dd>

<code id="iu38q"><abbr id="iu38q"></abbr></code>

element ui中的el-input回車鍵事件

2年前作者：diCommon分類：Toy博客閱讀(26)違法舉報

這篇具有很好參考價值的文章主要介紹了element ui中的el-input回車鍵事件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

今天項目里面的登錄頁面，需要按鍵盤回車鍵就直接登錄，但是測試的時候，按了回車鍵后，直接刷新頁面了，這不是我想要的，之后網(wǎng)上查了一下
代碼如下：

<el-input v-model="form.biz_user_password" placeholder="請輸入新密碼" @keyup.enter.native="keyUp('form')"></el-input>

上面的寫法沒問題，但是這樣又會出現(xiàn)一個問題，當form表單中只有一個input框時，按回車鍵，頁面還是刷新的。
之后再查了一下，原來form表單只有一個Input框時，回車鍵默認為表單提交的事件

所以最后的解決文案為：

<el-form ref="form" :model="form" :rules="rules" label-width="100px" @submit.native.prevent>
  <el-form-item label="新密碼：" prop="biz_user_password">
    <el-input v-model="form.biz_user_password" placeholder="請輸入新密碼" @keyup.enter.native="keyUp('form')"></el-input>
  </el-form-item>
  <!-- <el-form-item label-width="0" style="margin-top: 40px;text-align: center;">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" :loading="loading" @click="keyUp('form')">確 定</el-button>
  </el-form-item> -->
</el-form>

解決文案就是給form加一個@submit.native.prevent就可以阻止表單默認的提交行為

這樣就解決了~~

以上…文章來源地址http://www.zghlxwxcb.cn/news/detail-502221.html

到了這里，關(guān)于element ui中的el-input回車鍵事件的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權(quán)，不承擔相關(guān)法律責任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務器費用

首頁搜索框傳遞參數(shù)，并在搜索頁面中的搜索框中進行顯示，搜索框綁定回車鍵進行搜索
1.寫出搜索條件和搜索框 2.添加scss樣式頁面 3.搜索框選擇條件，在搜索框中輸入內(nèi)容，然后進行頁面跳轉(zhuǎn) 在搜索框中輸入內(nèi)容，然后進行頁面跳轉(zhuǎn) 4.頁面跳轉(zhuǎn)后從地址欄中獲取相關(guān)數(shù)據(jù)，搜索條件和搜索框中的內(nèi)容從地址欄中獲取到相關(guān)數(shù)據(jù)searchText和selectSearch的值
2024年02月10日
瀏覽(36)
Vue按回車鍵進行搜索
需求：為了用戶方便進行搜索數(shù)據(jù)的時候不想點擊搜索按鈕，想要在input輸入框內(nèi)輸入完成之后直接按回車鍵進行搜索第一種方法在input標簽內(nèi)部增加@keyup.enter事件即可，事件名為按鈕點擊名稱第二種方法 ?注：@keyup.enter.native=\\\"getsearchdata\\\"http://這里要和搜索的事件名稱一樣 ? ?
2024年02月16日
瀏覽(14)
html中登錄按鈕添加回車鍵登錄
原文鏈接有3種方法，其它2中不會弄，第二種方法成功，下面詳細說說原h(huán)tml的登錄部分是在該html中增加需要注意的是中的button與原h(huán)tml中id屬性保持一致。
2024年02月08日
瀏覽(17)
Vue 中使用回車鍵觸發(fā)事件的方法詳解
前些天發(fā)現(xiàn)了一個巨牛的人工智能學習網(wǎng)站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉(zhuǎn)到網(wǎng)站，這篇文章男女通用，看懂了就去分享給你的碼吧。在 Vue 前端開發(fā)中，我們經(jīng)常需要在輸入框或表單中使用回車鍵觸發(fā)某個特定的事件，例如提交表單或搜索數(shù)據(jù)等
2024年02月11日
瀏覽(21)
element-ui ：封裝el-input 遇到的問題
因項目中有多處輸入框要求只能輸入整數(shù)或者浮點數(shù)， el-input 設(shè)置type=number 火狐瀏覽器這個屬性是無效的；所以就想到了使用el-input type=text 輸入的時候正則匹配，只能輸入整數(shù)或者浮點數(shù); 所以為了方便使用，需要對第三方庫el-input 進行封裝。 1. 初始封裝的組件Number-in
2024年02月03日
瀏覽(21)
Element UI el-input 只能輸入大于0的正整數(shù)
當輸入值以0開頭或者不為0-9的整數(shù)時，則用\\\' \\\'替換掉（/g表示全局匹配，則所有匹配項都會被替換掉），效果為不能輸入以0開頭或不為正整數(shù)的值。
2024年02月14日
瀏覽(28)
如何給 el-input 添加鍵盤回車事件
查找 Element UI 的 input輸入框組件（el-input組件），都沒有發(fā)現(xiàn)可以給輸入框添加的回車鍵監(jiān)聽事件，因為Element UI對其做了進一步封裝，想要直接添加 @keydown（或者@keyup.enter）是無效的。要想在el-input中實現(xiàn)回車鍵監(jiān)聽事件，需要在@keyup.enter后面加上.native，即那么 .native 是如
2024年02月16日
瀏覽(24)
Element UI 中 el-input 標簽去掉邊框的一種辦法
最近在做一個簡單的頁面，想把 el-input 去掉邊框，在網(wǎng)上找了很多方法，最終發(fā)現(xiàn)下邊這種方法是可行的： HTML代碼：樣式代碼如下：注意這里的樣式語言用的是 less，其深度穿透寫法是 /deep/。由此便可去除 el-input 的外邊框。
2024年02月16日
瀏覽(21)
element ui el-input輸入框type=number去掉上下箭頭
使用vue框架寫法如果是input標簽type=number，將上述css代碼中 ::v-deep 去掉即可
2024年02月12日
瀏覽(28)
解決：element ui表格表頭自定義輸入框單元格el-input不能輸入問題
表格表頭如圖所示，有 40-45，45-50 數(shù)據(jù)，且以輸入框形式呈現(xiàn)，現(xiàn)想修改其數(shù)據(jù)或點擊右側(cè)加號增加新數(shù)據(jù)編輯。結(jié)果不能輸入，部分代碼如下我看在這一塊 template 中不需要用到 scope 去獲取數(shù)據(jù)，于是沒有加上 slot-scope=\\\"scope\\\" 結(jié)果不能輸入，解決方法就是在表頭自定義時將
2024年02月03日
瀏覽(36)