Vue动态绑定多个类名

我的div是通过循环得来的，循环的项的id要作为类名，并且根据循环的参数的长度，也要设置不同的类名，可以使用如下方法

<div v-for="item in videosList" :key="item.id" :class="getClass(item.id)">
   <video :id="item.id" controls autoplay muted style="width: 100%;height: 100%;object-fit: fill"></video>
</div>

methods: {
    getClass(id){
        if (videosList.length > 2){
           return ['onde2', id]
        } else {
           return ['onde1', id]
        }
    }
}

方式二： 

<div :class="{id : index == 1, ss : list.length == 3}"></div>