Vue JS将多个样式属性绑定到一个元素

Question

这会将background-color属性绑定到<td>元素。

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

但是，如果我想不只绑定背景色，又想绑定前景色（普通颜色属性）怎么办？

如何将多个样式属性绑定到一个元素？

Answer 1

首先，css中没有前景色。您可以对逗号分隔的key: value对使用多种样式，例如：

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