swiper第一个、最后一个滑块按钮disabled时（.swiper-button-disabled），点击触发下层点击事件的问题

  1. swiper组件文档可参考：swiper api
  2. 当图片位于第一张、最后一张时，对应的左右按钮状态为disabled，此时该按钮不能点击左滑、右滑
    在这里插入图片描述

3.由于我的轮播图中，图片自身有点击事件，导致点击左边按钮时，触发了下层图片的点击事件

4.检查左右两种状态的按钮，发现z-index值一致，说明 不是层级导致

5.发现.swiper-button-disabled按钮与右边按钮不同的属性为：在这里插入图片描述

6.将 pointer-events 属性修改为 auto 后，不再触发图片点击事件，问题得到修复。

7.有关pointer-events属性可以参考：pointer-event属性详解

版权声明：本文为qq_43842918原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。