使用 Vue.js 动态样式文本颜色

Question

这段代码是 Angular 的

<div [style.color]="'#' + prod.id.substring(0,6)">
  <small>{{ prod.id }}</small>
</div>

我需要用 vue.js 编写类似的代码。

Answer 1

您可以使用对象设置样式属性（键作为 CSS 属性，值作为 CSS 值）。

<div :style="{ color : '#' + prod.id.substring(0,6) }">
    <small>{{ prod.id }}</small>
</div>