v-bind:style directive does not work with conditional comparisons

Question

I can bind a class to an element in vue based on a condition like this: :class="i18n.global.locale=='ar'?'class1':'class2'" But when I try to bind style using the same condition , as shown below: :style="[i18n.global.locale=='ar'?{'background':'blue;'}:{'background':'red'}]"s

P粉722409996 · Answer

I did some research on your problem, so to solve it you can do the following:

Check the style of the element in the browser dev tools, it may happen that the bound style in the css file is overridden, for example, if you have a link to the css file
Here { 'Background': 'Blue;' } Tried removing the ";", for me it started working when I removed it.