一、vue和uniapp在class上添加判断的语法基本一致,在动态的class上做三元判断

语法:

:class="status?'name_1':'name_2'"

 如果说需要在class上添加多个类名,则可以这么写:

// 需要在class前加:   =>   :class="" 
// 判断token是否等于1  等于1 则给class设置两个类名 => class="name_1 addName" 否则类名为=>class="name_2"
<view :class="token==1?'name_1 addName':'name_2'"></view>

二、微信小程序的class添加判断

与uniapp不同的是,原生微信小程序上做判断需要使用{{ }},此外,设置多个类名可以在插值表达式外部,并且不需要在class前加:,语法为:class=" "

<view class="addName{{token==1?'name_1':'name_2'}}">

Logo

前往低代码交流专区

更多推荐