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将多个样式属性绑定到一个元素。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文