vue动态遍历增加style

你可以通过绑定一个动态的 CSS 类名来实现 Vue 中动态遍历增加样式。首先，你可以在数据中定义一个属性来控制样式是否应用。然后，使用 `v-bind:class` 指令将这个属性与 CSS 类名绑定起来。

下面是一个示例：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index" :class="{ 'highlight': item.highlight }">
      {{ item.text }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { text: 'Item 1', highlight: false },
        { text: 'Item 2', highlight: true },
        { text: 'Item 3', highlight: false }
      ]
    };
  }
};
</script>

<style>
.highlight {
  background-color: yellow;
}
</style>

在上面的例子中，`items` 数组中的每个对象都有一个 `highlight` 属性，用于控制是否应用 `highlight` 类。当 `highlight` 属性为 `true` 时，对应的元素会应用 `highlight` 类，从而改变样式。

请注意，在此示例中，我们使用了 Vue 的列表渲染指令 `v-for` 来遍历 `items` 数组，并使用 `:key` 指令为每个元素设置唯一的标识符。

希望这可以帮助到你！如果你有任何其他问题，请随时问我。