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

Vue js bind multiple style properties to an element(Vue js将多个样式属性绑定到一个元素。)

问题描述

这会将背景色属性绑定到<td>元素。

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

但是，如果我不仅要绑定背景色，同时还要绑定前景色(正常颜色属性)，该怎么办？

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

css

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

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

这篇关于Vue js将多个样式属性绑定到一个元素。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！