vue进行判断使用class_vue 动态添加class,三个以上的条件做判断方式

在Vue中，可以使用条件语句（如v-if）和计算属性（computed）来实现对class的动态添加。具体来说，我们可以在template中使用v-bind:class来绑定一个对象或数组，然后在对象或数组中定义不同的class名，同时根据条件判断来确定是否添加某个class。

假设有三个以上的条件需要判断，我们可以通过computed来动态生成一个对象，然后在template中使用该对象进行绑定。具体步骤如下：

1. 在Vue组件中定义一个computed属性，例如classObject，该属性返回一个对象。

2. 在classObject中定义三个及以上属性，每个属性的值为true或false，代表不同的条件是否满足。例如：

computed: 
{
  classObject: function() {
    return {
      'class_1': this.condition_1,
      'class_2': this.condition_2,
      'class_3': this.condition_3,
      'class_4': this.condition_4
    }
  }
}

3. 在template中使用v-bind:class绑定classObject，例如：

<div v-bind:class="classObject">

这样，在每次满足不同的条件时，classObject中对应的属性值会发生变化，从而动态地添加或删除对应的class。

需要注意的是，将多个条件判断放在computed中，可以提高代码的可读性和维护性，同时减少template中的逻辑判断，使代码更加简洁明了。