vue开发for循环:style动态赋值

vue开发需要实现for循环:style动态赋值，每个li样式都不一样，原本打算用{{}}实现的发现语法报错！

正确写法：

<ul>
  <li v-for="(item, index) in data" :key="index" :style="{ background: item.color }"
 @click="onClick(item.name)">
    {{ item.name }}
  </li>
</ul>

以上是编程学习网小编为您介绍的“vue开发for循环:style动态赋值”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。