ElementUI el-input标签 绑定keyup事件v-on:keyup.enter="convert"无效解决方案


期望实现,输入数字后,回车直接执行点击按钮“转换”

无效写法:

<el-input v-model="input" placeholder="请在此输入待转换的数值" v-on:keyup.enter="convert">

解决办法,加上.native

<el-input v-model="input" placeholder="请在此输入待转换的数值" v-on:keyup.enter.native="convert">

原因说明:

v-on 监听原生事件

现在在组件上使用 v-on 只会监听自定义事件 (组件用 $emit 触发的事件)。如果要监听根元素的原生事件,可以使用 .native 修饰符,比如:
<my-component v-on:click.native="doSomething"></my-component>

文档跳转


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM