Javascript Splide Slider-尝试包含2个滑动部分，但配置对象不同

我尝试过这个迭代器方法，但没有成功地传递不同的配置对象并使它们工作

var elms = document.getElementsByClassName( 'splide' );
for ( var i = 0, len = elms.length; i < len; i++ ) {
new Splide( elms[ i ] ).mount();
}


var elms = document.getElementsByClassName( 'splide' );
for ( var i = 0, len = elms.length; i < len; i++ ) {
    new Splide(elms[i], {
    rewind: true,
    type: 'slide',
    perPage: 3,
    perMove: 1,
    padding: {
        left: 0,
        right: 0,
        top: 0,
        bottom: 0
    },
    pagination: false,
    arrows: true,
    arrowPath: 'M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z',
    drag: true,
    accessibility: true,
    width: '100%',
    gap: '1em',
    trimSpace: true,
    breakpoints: {
        1250: {
            perPage: 2,
            rewind: true,
            perMove: 1,
            padding: {
                left: 0,
                right: 0,
                top: 0,
                bottom: 0
            },
            pagination: false,
            drag: true,
        },
        875: {
            perPage: 1,
            rewind: true,
            perMove: 1,
            padding: {
                left: 0,
                right: 0,
                top: 0,
                bottom: 0
            },
            pagination: false,
            drag: true,
        },

    }
}).mount();
}

var elms=document.getElementsByClassName（'splide'）；
对于（变量i=0，len=elms.length；i

如何将2个不同的配置传递给上述代码

这就是代码的外观