VUE中input的focus事件如何阻止冒泡 阻止父元素事件触发

2,190 阅读1分钟

focus 改成 click 加 stop 加 native。

<input @click.stop.native="stopstop">
  1. @click.native 原生点击事件:给vue组件绑定事件时候(element-ui的组件也算vue组件,比如el-input),必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符,这时候监听的就是原本的input)。

  2. @click.stop 原生点击事件:组织点击事件冒泡。