You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Splide滑块自定义箭头类导致默认功能失效问题排查

解决Splide滑块自定义箭头类后功能失效的问题

问题根源是你配置里的arrows: false——这个设置会直接禁用Splide的默认箭头组件,不管你怎么给classes里的prev/next赋值,箭头都没法正常工作,因为组件本身已经被关掉了。

如果你只是想修改默认箭头的CSS类名,只需要把arrows: false删掉(或者改成arrows: true,默认值就是true),配置就能正常生效:

options={{
  type: 'slide',
  pagination: false,
  classes: {
    prev: 'slider-arrow slider-prev',
    next: 'slider-arrow slider-next',
  },
}}

要是你想用自定义DOM元素作为箭头,那才需要设置arrows: false,之后再通过Splide的API给自定义元素绑定切换事件。但从你的配置来看,你只是想给默认箭头添加自定义类,所以去掉arrows: false就能解决问题。

内容的提问来源于stack exchange,提问作者Krushna

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.30 07:27:01