码迷,mamicode.com
首页 > 其他好文 > 详细

当使用vue的按键修饰符不起效果的时候怎么办?如@keyup.enter = '' ;

时间:2019-02-22 00:57:20      阅读:425      评论:0      收藏:0      [点我收藏+]

标签:key   hold   col   直接   input   span   form   组件   NPU   

这个问题困扰了我一个多小时,各种测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>

 

当使用vue的按键修饰符不起效果的时候怎么办?如@keyup.enter = '' ;

标签:key   hold   col   直接   input   span   form   组件   NPU   

原文地址:https://www.cnblogs.com/yaogengzhu/p/10416002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!