vue、uniapp、微信小程序在class上添加判断的语法

简介: vue、uniapp、微信小程序在class上添加判断的语法

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


语法:

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

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

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

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


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

<view class="addName{{token==1?'name_1':'name_2'}}">
目录
相关文章
|
6天前
|
存储 小程序 JavaScript
|
6天前
|
存储 小程序 JavaScript
|
6天前
|
存储 JavaScript 小程序
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
57 7
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
46 7
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的传统戏曲推广微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的传统戏曲推广微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章