夜间模式CodeSnippetStyle:
日间模式CodeSnippetStyle:

0%


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>

文档跳转

posted @ 2020-04-08 19:29  暮冬有八  阅读(2518)  评论(1编辑  收藏  举报
BACK TO TOP

😀迷海无灯听船行。Github WeChat