vue中@keyup.enter没有作用

本文转载自查看原文 2020-10-10 17:07 1855

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删除。

猜您在找 Vue element keyup.enter失效不起作用 Vue2 中keyup.enter触发问题！ Vue中输入框组件使用-@input、@keyup.enter、@change、@blur vue中输入框事件的使用——@input、@keyup.enter、@change、@blur vue 监听键盘回车事件 @keyup.enter与@keyup.enter.native vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native Vue iview input 使用 @click、@keyup.enter 失效 vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native 当使用vue的按键修饰符不起效果的时候怎么办?如@keyup.enter = '' ;