1.如果在vue中想要属性值不写死动态变化,可以考虑class和style前面加上:的形式
:class适合2种不同的css样式切换使用,可以考虑用作‘大刀阔斧’改变样式的时候用
:style适合局部样式少量更换
<div :style="{width:boxWidth+'px'}"> </div>
注意:1.style前面要加:
2.style里面的属性名和属性值要加{}
3.属性名如果碰到例如font-size要变成fontSize
4.注意双引号和单引号,如果都为单引号或者都为双引号会报错 可以外层单里面双,也可以外层双里面单
{}里面的属性值可以结合三元表达式使用。