有个需求，点击一个元素，让弹出框显示，点击弹出框以外的区域，就关闭弹出框，如下代码所示。
但是这样有个问题，就是当弹出框显示以后，点击弹出框的区域也会触发父元素的点击事件，使得ifshow=false
<view @click="ifshow=false">
<view @click="ifshow=true">
点击显示弹出框
</view>
<view v-if="ifshow">
弹出框
</view>
</view>
解决方法： 在子组件事件加个修饰stop，就会相互隔绝父子事件文章来源：https://www.toymoban.com/news/detail-601351.html
<view @click="ifshow=false">
<view @click.stop="ifshow=true">
点击显示弹出框
</view>
<view v-if="ifshow">
弹出框
</view>
</view>
文章来源地址https://www.toymoban.com/news/detail-601351.html
到了这里，关于【Uniapp，Vue】阻止父元素事件覆盖子元素事件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
