element-ui 监听原生事件需要加.native

作者: 嘻哈章鱼小丸子 | 来源:发表于2020-12-07 09:42 被阅读0次

element-ui 监听原生事件需要加.native
vue中的native事件
iview Menu点击事件无效，
vue @click.native 原生点击事件
【前端Vue事件】如何监听原生组件的点击事件？事件总线的使用
element ui的el-input如何监听回车键
将原生事件绑定到组件
Zookeeper 开源客户端Curator处理事件监听
vue 事件监听
el-input 无法触发@keyup.enter 的解决方法

element-ui监听键盘事件需要加native,例如el-input 上监听enter键,需要这么写：

<el-input
          placeholder="请输入"
          v-model="select_word1"
          clearable
          :style="'width:190px'"
          @keyup.enter.native="getData(1)"
        >
</el-input>

因为el-input 组件对input进行过封装，在input外层套了一个div：

el-input
官网给在根元素上监听原生事件提供的解决方案是：加.native修饰符。

native

element-ui 监听原生事件需要加.native
element-ui监听键盘事件需要加native,例如el-input 上监听enter键,需要这么写：因为e...
vue中的native事件
.native是什么？ .native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。给普通的...
iview Menu点击事件无效，
@click.native解决 @click.native.native - 监听组件根元素的原生事件。主要是给自...
vue @click.native 原生点击事件
给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）
【前端Vue事件】如何监听原生组件的点击事件？事件总线的使用
1. .native修饰符什么时候使用？在我们需要监听一个组件的原生事件的时候，必须给对应的事件添加上 .n...
element ui的el-input如何监听回车键
@keyup.enter.native 组件没有内置keyup事件,所以给组件绑定原生事件需要加上.native...
将原生事件绑定到组件
1在一个组件的根元素上直接监听一个原生事件加.native (注意只能绑定在根元素上) 2.如果你想绑定不是根元...
Zookeeper 开源客户端Curator处理事件监听
事件监听 Zookeeper原生就支持通过注册Watcher来进行事件监听，但是其使用并不是特别方便，需要开发人员...
vue 事件监听
@keyup.enter.native 监听enter抬起事件
el-input 无法触发@keyup.enter 的解决方法
解决方案：加 .native，代码如下：【注】: 在 Vue 2.0 中，为自定义组件绑定原生事件必须使用 ....