在Swiper中Dropdown click出现多个item

107 阅读1分钟

在Swiper中使用antd的Dropdown时, 将trigger设置为click, 发现会同时显示多个, 比如这样.

image.png 解决方法很简单, 只需要在Dropdown中的children加类名 'swiper-no-swiping',即可. link: www.swiper.com.cn/api/swiping…

代码如下:

<Dropdown
  menu={{ items }}
  trigger={["click"]}
>
  <div className="swiper-no-swiping">
      <a onClick={(e) => e.preventDefault()}>
        <Space>
        Click me
        <DownOutlined />
        </Space>
      </a>
  </div>
</Dropdown>