vue使用el-input监听不了回车事件解决方法

发布时间:2024年01月16日

无法监听回车事件

<el-input v-model="password" type="password" placeholder="密码" @keyup.enter="onLogin"></el-input>

在@keyup.enter后加上’.native

<el-input v-model="password" type="password" placeholder="密码" @keyup.enter.native="onLogin"></el-input>

扩展:vue中’. native’修饰符的使用

主要是给自定义的组件添加原生事件。
官网的解释:
你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。
通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加’. native’事件是无法触 发的(我觉的这个说法一点也不通俗)。
?

文章来源:https://blog.csdn.net/qq_59747594/article/details/135636628
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。