当使用vue的按键修饰符不起效果的时候怎么办?如@…

2019-02-25 16:11:03来源：博客园阅读 ()

这个问题困扰了我一个多小时，各种测bug !始终测不出来！

直接上代码(错误示范）

  <el-form-item prop="password">
        <el-input
           @keyup.enter="check('form')"  //在vue中这个代码是可行的
          type="password"
          v-model="form.password"
          placeholder="密码"
          prefix-icon="myicon myicon-key"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" class="login-button" @click="check('form')">登录</el-button>
      </el-form-item>

但是问题是：如果我们使用第三方组件这个方法并不奏效了这时我们应该这么写）

注意：这是我们必须在@keyup.enter后面加一个native 来确保这个功能能够得到实现

  <el-form-item prop="password">
        <el-input
           @keyup.enter.native="check('form')"  
          type="password"
          v-model="form.password"
          placeholder="密码"
          prefix-icon="myicon myicon-key"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" class="login-button" @click="check('form')">登录</el-button>
      </el-form-item>

原文链接:https://www.cnblogs.com/yaogengzhu/p/10416002.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有