<p style="text-align: center">
在vue项目中,选择性别是用的一个弹出层,
rush:js;">
dio" name="sex" value="男">
dio" name="sex" value="女">
已经给这个.sex层绑定了一个v-show条件,实现了点击显示隐藏的效果
但是因为这个效果是加在父级上,所以在选择性别的时候,也会关闭弹出层,这个问题其实是一个冒泡事件,要解决这个问题用vue的阻止冒泡的属性stop即可
rush:js;">
这个方法不写也可以,或者写成
rush:js;">
除了这个地方以外,还有一个弹出层,需要点击弹出层以外的地方关闭这个弹出层,如图: