场景:通过uniapp开发微信小程序 ,使用uview的u-popup弹窗,里面内嵌了一个原生button标签,因为微信小程序的button是有默认样式的,所以通过all: initial重置样式 。但是整个弹窗的点击事件都会被button上面的点击事件覆盖,也就是说点击弹窗任何一个地方,都会触发button的点击事件。最后检查dom ,发现鼠标只要划入弹窗内,只显示了button的dom介绍。
上图我实际鼠标位置并不是同意字样的button 最后排查了很久发现只要把 all: initial;属性删掉就好了。具体的bug原理,如果有知道的大佬,欢迎评论区留言~~~~