Changing style of element in Vue depending on true/false from element in api

Question

How to change style(color) of paragraph in Vue if element (boolean) from api returns true

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

tony19 · Accepted Answer · 2022-07-15 23:00:21Z

1

You can use the class binding v-bind:class or shorthand :class to accomplish this. Same goes for v-bind:style | :style

Example:

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

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jun 14, 2018 at 12:03

4823 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you very much