vue dinámicamente cambiar el nombre de clase

fragmento:

< Div clase = "tabBodyBtn1" v-de = "(artículo, i) en btnGroupDate" : clave = "i" : Clase = "[ 'tabBtn' + i, {tabBodyBtn3: isClickBtn === i, tabBodyBtn2: isClickBtn! == i}]" @Haga clic = "ChangeState (item.index, i)" >

los datos en el interior:

btnGroupDate: [ 
          {name: "Open de la cortina", índice :. 1, imgURL: "https://img.alicdn.com/_!!2504088756.png" }, 
          {name: "cortina de Pausa", índice: 2, imgURL : "https://img.alicdn.com/_!!2504088756.png" }, 
          {nombre: "Cierre la cortina", índice: 0, imgURL: "https://img.alicdn.com/_!!2504088756 .png " } 
        ],

 

Este es mi div representación de una fila de botones, tiene la intención de añadir tres clases anteriormente, es un patrón fijo, lo que requiere un cambio dinámico, como tabBtn1, tabBtn2, tabBtn3, hay un juicio condición vinculada,

patrones Directamente fijos con class = "btn1 button33 xx" se pueden añadir estos espacios intermedios, y cambiar dinámicamente el códigos de condición determinación juntos redacción como: class = "[ 'btnClass' + índice, { 'btnClass2': true, 'btnClass3': false}]".