vue、uniapp、微信小程序在class上添加判断的语法
vue、uniapp、微信小程序在class上添加判断的语法
·
一、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'}}">
更多推荐
已为社区贡献9条内容
所有评论(0)