vue.js - 如何绑定来自另一个组件的类作为道具

Question

我有这些道具：["color", "bg"]。

道具有这样的color数据：{background-color:'red'}.

我正在尝试绑定来自道具的颜色。

所以而不是：

'VJS_controls__volume-bar--active'

v-bind:class="[{ 'VJS_controls__volume-bar--active': volume >= 0.8 }]"

标签： vue.js

Answer 1

所以你有父组件：

<child-component :bgColor="childBgColor"></child-component>

在子组件中：

<div v-bind:style="{ background-color: bgColor }">
</div>

props: {
 bgColor: String,
}