javascript - vue 2.0 @click.self 不触发

问题描述

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

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

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

问题解答

<!-- 只当事件在该元素本身（而不是子元素）触发时触发回调 --><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’}回答2：

你的p盒子是不是子组件，如果是子组件的话目测你要加个@click.native吧，官方文档有写的，搜搜看。

@click.native.self