如何将来自另一个组件的类绑定为prop

Question

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

color道具的数据如下：{background-color:'red'}。

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

所以代替：

'VJS_controls__volume-bar--active'

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

Answer 1

因此您具有父组件：

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

在子组件中：

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

props: {
 bgColor: String,
}