vue，vant，使用过程中 Swipe 轮播自定义大小遇到的坑

onChange(index){
                    console.log('当前 Swipe 索引：' + index);
                    if(index == 3){
                        /*var div =$('#item3').css('width', '300px', 'important');
                        var div1 =$('#item2').css('width', '280px', 'important');
                        var div2 =$('#item1').css('width', '280px', 'important');
                        var div2 =$('#item0').css('width', '280px', 'important');*/
                        $('#item3').css('transform','-900px!important')
                    }
                    /*if(index==1){
                        var div =$('#item0').css('width', '10rem', 'important');
                        var div1 =$('#item1').css('width', '9.3333333rem', 'important');
                        var div2 =$('#item2').css('width', '9.3333333rem', 'important');
                    } else  if(index==2){
                        var div =$('#item0').css('width', '10rem', 'important');
                        var div1 =$('#item1').css('width', '9.3333333rem', 'important');
                        var div2 =$('#item2').css('width', '9.3333333rem', 'important');
                    } else  if(index==0){
                        var div =$('#item0').css('width', '10rem', 'important');
                        var div1 =$('#item1').css('width', '9.3333333rem', 'important');
                        var div2 =$('#item2').css('width', '9.3333333rem', 'important');
                    }else {
                        var div =$('#item3').css('width', '10rem', 'important');
                        var div1 =$('#item2').css('width', '9.3333333rem', 'important');
                        var div2 =$('#item1').css('width', '9.3333333rem', 'important');
                        var div2 =$('#item0').css('width', '9.3333333rem', 'important');
                    }*/

                },

---

data(){
return {
android: true,
ios: true,
iphoneX: true,
current: 0,
item0:'item0',
item1:'item1',
item2:'item2',
}
},
mounted(){

    },
    methods: {
        onChange(index){
            console.log('当前 Swipe 索引：' + index);
            if(index==1){
                var div =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
                var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
                var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
            } else  if(index==2){
                var div1 =document.getElementById("item1").style.setProperty('width', '10rem', 'important');
                var div0 =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
                var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
            } else  if(index==0){
                var div =document.getElementById("item2");
                var div0 =document.getElementById("item0").style.setProperty('width', '9.3333333rem', 'important');
                var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
            }
        },

if(index==1){
var div =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==2){
var div1 =document.getElementById("item1").style.setProperty('width', '10rem', 'important');
var div0 =document.getElementById("item0").style.setProperty('width', '10rem', 'important');
var div2 =document.getElementById("item2").style.setProperty('width', '9.3333333rem', 'important');
} else if(index==0){
var div =document.getElementById("item2");
var div0 =document.getElementById("item0").style.setProperty('width', '9.3333333rem', 'important');
var div1 =document.getElementById("item1").style.setProperty('width', '9.3333333rem', 'important');
}