vue怎样给v-for循环出来的元素动态设置不同的样式

用：class即可
使用遍历时的索引值。动态生成不同的class比如class1，class2以此类推
我这里是把class从1开始。所以把索引加了个1。不加1的话，就是从class0开始
:class="‘fgc’+(index+1)"

代码：

            <div class="common-title-part-cont part-cont-rt-box">
              <el-row v-if="typeImg.length>0" :gutter="10">
                <el-col v-for="(item,index) in typeImg" :key="index" :span="24/typeImg.length">
                  <div :class="'fgc'+(index+1)">
                    <h2>{{ item.name }}</h2>
                  </div>
                </el-col>
              </el-row>
            </div>

然后再分别去给每个class设置不同的样式即可：

效果：