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

摘要：但是问题是：如果我们使用第三方组件这个方法并不奏效了这时我们应该这么写）注意：这是我们必须在@keyup.enter后面加一个native 来确保这个功能能够得到实现

直接上代码(错误示范）

<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/archive/2019/02/21/10416002.html

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_2083