在使用Element UI或iview UI组件时,会遇到直接写keydown.enter这样的键盘事件会出现无效的情况,这里需要加上native。直接写成下面这样enter事件将无效

<Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()">
    <Icon type="ios-locked-outline" slot="prepend"></Icon>
</Input>

原因:因为@keyup.enter是写在一个封装好的组件上,这里即为<Input >组件,如果写在一个input上就不需要.native

其官方文档有介绍说:

有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用 .native 修饰v-on

所以需要写成下面这样:

<Input type="password" v-model="password" placeholder="password" @keyup.enter.native="handleSubmit()">
    <Icon type="ios-locked-outline" slot="prepend"></Icon>
</Input>

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll Up