vue的回车事件 vue的.native 修饰 ,解决iview中input 无法监听enter事件

版权声明:/**不懂的可以私聊我哦 WX 18473203321 QQ1072770974**/ https://blog.csdn.net/lijiabinbbg/article/details/88941258

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

直接写成下面这样enter事件将无效

<Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()">
    <Icon type="ios-locked-outline" slot="prepend"></Icon>
</Input>
下边这样写,就能监听到enter事件啦(添加一个.native修饰符)

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

猜你喜欢

转载自blog.csdn.net/lijiabinbbg/article/details/88941258