javascript - vue 2.0 @click.self 不触发-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - vue 2.0 @click.self 不触发

代言 2017-07-05 10:45:02

[JavaScript讨论组]

1462

vue 2.0 使用@click.self 绑定自身事件不触发是怎么回事？

场景：
移动端开发，点击蒙层关闭弹窗，但是不能触发蒙层上的p盒子，也即是触发父级，事件不会传递给子级

vue提供了一个.self修饰符，以前使用过，这次突然不好使了，不知道怎么回事。。。

代言

全部回复(3)

过去多啦不再A梦2017-07-05 10:47:02 3楼

<!-- 只当事件在该元素本身（而不是子元素）触发时触发回调 -->
<p v-on:click.self="close" ref="pop">
    <button></button>
</p>

<!--

给组件绑定原生事件

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

-->

<my-component v-on:click.native.self="close"></my-component>

close(e) {
    console.log(e.target)
    this.$refs.pop.style.display = 'none'
}