<p style="text-align: center">
在vue项目中，选择性别是用的一个弹出层，
<p style="text-align: center">
在vue项目中，选择性别是用的一个弹出层，
但是因为这个效果是加在父级上，所以在选择性别的时候，也会关闭弹出层，这个问题其实是一个冒泡事件，要解决这个问题用vue的阻止冒泡的属性stop即可
除了这个地方以外，还有一个弹出层，需要点击弹出层以外的地方关闭这个弹出层，如图：
这种情况下点击了按钮以后，弹出层不会显示，这是因为在父级上设置了checktanchuceng事件，冲突了，所以要给按钮加上阻止冒泡的方法，改成：
以上这篇在vue中实现点击选择框阻止弹出层消失的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/vue/30182.html