vue class binding multiple conditions code example

Example 1: bind style with condition in vue

<figure :style="[item.main_featured ? {'background': 'url(' + item.main_featured + ') center no-repeat'} : {'background': '#FFF'}]">

Example 2: vue class binding multiple conditions

<a :class="['btn', (respond === 'responseFound' ? 'btn-yellow' : 'btn-default'), (type === 1 ? 'btn-block' : 'btn-xs center-block')]">

Example 3: bind style with condition in vue

v-bind:style= "[condition ? {styleA} : {styleB}]"