84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
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' }
你的p盒子是不是子组件，如果是子组件的话目测你要加个@click.native吧，官方文档有写的，搜搜看。
@click.native.self
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你的p盒子是不是子组件，如果是子组件的话目测你要加个@click.native吧，官方文档有写的，搜搜看。
@click.native.self