Можно ли прописать в v-bind:style{условие в котором будет задаваться стиль}?

Question

[Макс Жуков]

Можно ли прописать в v-bind:style{условие в котором будет задаваться стиль}?

Answer 1

[Evgeny Kulakov]

:style = {margin: exp ? '10px' : 0}

Comments

[Макс Жуков]

а через if не получится?

[Макс Жуков]

v-bind:style="{
                             background: img!='' ? 'url(' + url + '/uploads/widgets/' + img + ') 50% 50% / cover no-repeat',
                             visibility: img!='' ? 'visible' :'hidden',
                             width: width/3+'px',
                             height: width/3+'px',
                             borderColor: buttonBgColor,
                             boxShadow: '0 0 4px '+ buttonBgColor
                             }"

Что-то не работает перед scope.img пишет

[Макс Жуков]

Все спасибо, разобрался!

[Evgeny Kulakov]

Макс Жуков, советую писать такие вещи через шаблонные строки, читается проще:

background: img !==  '' ? `url(${url}/uploads/widgets/${img}) 50% 50% cover no-repeat` :  false,