根据api中元素的true / false更改Vue中元素的样式

Question

如果来自api的element（boolean）返回true，如何更改Vue中段落的样式（颜色）

<p v-if="discount = false">Discount</p>

Answer 1

您可以使用类绑定v-bind:class或简写:class来完成此操作。 v-bind:style | :style

也是如此

示例：

<p :class="{ 'someClass': discount, 'someotherClass': !discount }">Discount</p>

资源：VueJS Class and Style binding