可以使用三元表达式 ,根据条件,来给div 添加类名。
例如满足条件的时候,添加类名1,不满足条件的时候,添加类名2。
<div :class="[条件表达式? '类名1' : '类名2']">测试1</div>
还可以在这个基础上使用,三元表达式的嵌套。
除了动态添加的类名,再加上一个固定的类名的写法,满足条件动态添加类1,不满足条件,不动态添加类。(因为第二个位置为空)
<div :class="[条件 ? '类1' : '','确定一定会使用的类名']">测试1</div>
可以使用三元表达式 ,根据条件,来给div 添加类名。
例如满足条件的时候,添加类名1,不满足条件的时候,添加类名2。
<div :class="[条件表达式? '类名1' : '类名2']">测试1</div>
还可以在这个基础上使用,三元表达式的嵌套。
除了动态添加的类名,再加上一个固定的类名的写法,满足条件动态添加类1,不满足条件,不动态添加类。(因为第二个位置为空)
<div :class="[条件 ? '类1' : '','确定一定会使用的类名']">测试1</div>