style对象三目:
:style="{'margin-left':(tabWidthd==''?'30px':'')}"
style普通
:style="{ color: activeColor, fontSize: fontSize + 'px' }"
class数组三目
:class=[ 三目运算符表达式 ? 'true类名' : 'false类名' ]
:class=[ true === 0 ? 'trueClass' : 'falseClass' ]
:class="[isActive ? activeClass : '', errorClass]"
class单个三目:
:class = 'isflag ? "on" : ""'
class对象
:class = '{on: isflag}'
<script>
const vm = new Vue({
el: '#app',
data: {
tabWidthd:'',
isflag: true,
font20: "f20",
}
})
</script>
vue动态样式
于 2024-01-31 15:40:40 首次发布
![](https://img-home.csdnimg.cn/images/20240611030827.png)