元素标签style属性上动态绑定循环变量

可以使用Vue.js的动态绑定语法，即使用v-bind指令将元素标签的style属性绑定到一个计算属性或方法上，然后在计算属性或方法中使用循环变量。

例如，假设有一个数组colors，包含三个颜色值，可以使用v-for指令循环渲染三个div元素，并使用v-bind指令将每个div元素的style属性绑定到一个计算属性colorStyle上，代码如下：

<template>
  <div>
    <div v-for="(color, index) in colors" :key="index" :style="colorStyle(index)">{{ color }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      colors: ['#ff0000', '#00ff00', '#0000ff']
    }
  },
  methods: {
    colorStyle(index) {
      return {
        backgroundColor: this.colors[index],
        width: '100px',
        height: '100px'
      }
    }
  }
}
</script>

在这个例子中，colorStyle方法接收一个循环变量index作为参数，然后根据index获取对应的颜色值，并将这个颜色值作为div元素的背景色绑定到style属性上。每个div元素的宽度和高度都是固定的100px。