一、对象
示例
<div :style="style1">
data:{
style1: {
color: "red",
fontSize: '40px'
},
}
二、数组
示例
<div :style="[style1,style2]">
data:{
style1: {
color: "red",
fontSize: '40px'
},
style2: {
backgroundColor: 'blue'
}
},
三、函数返回值
示例
<div :style="getColor(2)">
mothods:{
getColor(){
if (n == 1) {
return {
color: 'red'
}
} else if (n == 2) {
return {
color: 'blue'
}
},
}
}