vue動態(tài)綁定style

vue動態(tài)綁定style怎么操作呢？一起來看看小編今天的分享吧！

style可以通過對象語法和數(shù)組語法進行動態(tài)綁定。

對象語法：

data:?{
??activeColor:?'red',
??fontSize:?30
}

數(shù)組語法：

?
data:?{
???styleColor:?{?
????color:?'red'
????},?
????styleSize:{?
???????fontSize:'23px'
????}?
}

另外，對象語法和數(shù)組語法進行Class的動態(tài)綁定。

對象語法：

data:?{
??isActive:?true,
??hasError:?false
}

數(shù)組語法：

data:?{
??activeClass:?'active',
??errorClass:?'text-danger'
}

以上就是小編今天的分享了，希望可以幫助到大家。