Vue JS привязать несколько свойств стиля к элементу

Question

Это связывает свойство background-color с элементом <td>.

    <td :style="{backgroundColor: (props.item.release_date ? 'green' : 'transparent' ) }">
Some text
</td>

Но что, если я хочу связать НЕ ТОЛЬКО фоновый цвет в то же время, когда я хочу связать цвет переднего плана (Нормальныйсвойство color).

Как связать несколько свойств стиля с элементом?

Answer 1

Прежде всего, в css нет цвета переднего плана.Вы можете использовать несколько стилей с парой key: value через запятую, например:

:style="{
   backgroundColor: (props.item.release_date ? 'green' : 'transparent' ), 
   color: 'red', 
   width: '120px' 
 }"