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>