根据条件在v-for的每个元素上切换2个类

，可以通过使用Vue.js的条件渲染和动态绑定class的方式来实现。

首先，在v-for循环中的每个元素上，可以使用v-bind指令来动态绑定class属性。例如：

<div v-for="item in items" :class="{ 'class1': item.condition, 'class2': !item.condition }">{{ item.name }}</div>

在上述代码中，通过使用对象语法，根据item.condition的值来切换class1和class2两个类。当item.condition为true时，元素会应用class1类；当item.condition为false时，元素会应用class2类。

接下来，可以在Vue实例中定义items数组，并为每个元素设置一个condition属性，用于控制类的切换。例如：

new Vue({
  el: '#app',
  data: {
    items: [
      { name: 'Item 1', condition: true },
      { name: 'Item 2', condition: false },
      { name: 'Item 3', condition: true }
    ]
  }
});

在上述代码中，定义了一个items数组，包含了三个元素，每个元素都有一个name属性和一个condition属性。根据condition属性的值，来决定应用哪个类。

这样，当Vue实例渲染到页面时，会根据每个元素的condition属性的值，动态地切换class1和class2两个类。

关于Vue.js的更多信息和使用方法，可以参考腾讯云的产品介绍链接：Vue.js产品介绍

请注意，以上答案仅供参考，具体实现方式可能会根据实际需求和项目情况有所调整。