欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue登錄頁(yè)面回車(chē)執(zhí)行事件@keyup.enter.native問(wèn)題

 更新時(shí)間：2023年03月04日 14:43:25   作者：吳冬雪~  
這篇文章主要介紹了vue登錄頁(yè)面回車(chē)執(zhí)行事件@keyup.enter.native問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue登錄頁(yè)面回車(chē)執(zhí)行事件@keyup.enter.native

<el-form ref="loginForm" :model="loginForm" :rules="loginFormRules" label-width="80px">
        <!-- 用戶(hù)名 -->
        <el-form-item label="用戶(hù)名" prop="userName">
          <el-input v-model="loginForm.userName" prefix-icon="el-icon-user" clearable @keyup.enter.native="submitForm('loginForm')"></el-input>
        </el-form-item>
        <!-- 密碼 -->
        <el-form-item label="密碼" prop="passWord" style="margin-bottom: 0;">
          <el-input v-model="loginForm.passWord" prefix-icon="el-icon-lock" type="password" show-password @keyup.enter.native="submitForm('loginForm')"></el-input>
        </el-form-item>
</el-form>

vue中回車(chē)鍵登錄實(shí)現(xiàn)

給登錄按鈕綁定兩個(gè)點(diǎn)擊事件：

代碼如下：

<el-button type="primary" @click="login（）" @keyup.enter="keyDown(e)">登錄</el-button>

login 是直接點(diǎn)擊按鈕的登錄事件：

代碼如下：

? methods: {
? ? login() {
? ? ??
? ? },
? ??
? ? // 點(diǎn)擊回車(chē)鍵登錄
? ? keyDown(e) {
? ? ? // 回車(chē)則執(zhí)行登錄方法 enter鍵的ASCII是13
? ? ? if (e.keyCode == 13 || e.keyCode == 100) {
? ? ? ? this.login(); // 定義的登錄方法
? ? ? }
? ? },
? },
? mounted() {
? ? // 綁定監(jiān)聽(tīng)事件
? ? window.addEventListener("keydown", this.keyDown);
? },
? destroyed() {
? ? // 銷(xiāo)毀事件
? ? window.removeEventListener("keydown", this.keyDown, false);
? },

這樣就實(shí)現(xiàn)點(diǎn)擊鍵盤(pán)回車(chē)鍵和點(diǎn)擊按鈕實(shí)現(xiàn)登錄功能。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論