除了添加@click.native.stop.prevent之类的方法,还有可能有一个错误。

我在一个页面上做了一个遮罩层,遮罩层上面绑定了点击事件,有一些能被点击,但是有一些还是失效了。

因为遮罩层明显可见,所以我就没有考虑是z-index层级遮盖的问题,但其实,就算遮罩层明显可见,遮罩在页面上方,当页面和遮罩层都默认保持同一个z-index层即没有手动设置z-index的时候,可能因为隐藏的遮盖效,而导致触发点击处被遮盖,导致无法点击。

所以建议,当需要在遮罩层上设置点击事件的时候,不要偷懒,手动设定z-index,有时候虽然本地测试是好的,但是也不能保证在所有分辨率不同的屏幕上没有BUG。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐