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
相关产品推荐
相关产品推荐

