vue中@keyup.enter沒有作用


1.首先需要知道的是@click和@keyup是不能在一個元素上同時使用的;

2.當我們在項目中引入了第三方組件庫時,發現@keyup.enter沒有作用時,這時改成@keyup.enter.native就可以啦

代碼示例如下:

  <div class="login-box">
      <div class="form-row">
        <div class="label">用戶名:</div>
        <el-input
          :autofocus="true"
          v-model="loginObj.username"
          placeholder="請輸入用戶名"
        ></el-input>
      </div>
      <div class="form-row">
        <div class="label">密碼:</div>
        <el-input @keyup.enter.native="login" v-model="loginObj.password" placeholder="請輸入密碼"></el-input>
      </div>
      <div class="login-btn">
        <el-button @click="login">登錄</el-button>
      </div>
    </div>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM