当前位置: 首页 > news >正文

动态绑定样式,uniapp,用三元运算动态绑定多个class类样式,动态绑定的样式可以和原始样式共存

介绍 | uni-app官网

vue、uniapp中动态添加绑定style、class 9种方法实现_vue style动态绑定-CSDN博客

uniapp使用三元运算符动态绑定元素的style样式_uniapp style动态绑定-CSDN博客

 对象写法,可以写多个class类

class类的名字:判断条件,最后结果只有真和假

:class="{ 'scroll-view-fill': activeIndex === 2 || activeIndex === 3 ? true : false }"

 字符串写法,只能写一个class类

:class="'scroll-view-fill': activeIndex === 2 ? true : false"

有的tab页面有灰色块,有的页面没有灰色块。根据选择的tab不同,页面会出现灰色块,想通过判断点击的是哪个tab,来改变页面的scroll-view这个class类的样式,从而把这个灰色的块去掉

写了2个class类,点击基本信息页面时,scroll-view样式起作用,点改造验收页面时,scroll-view-fill样式起作用

 点击改造验收,没有灰色块了

http://www.lryc.cn/news/305409.html

相关文章:

  • 神经网络基础——激活函数的选择、参数初始化
  • ElasticSearch之聚合aggs
  • Android 系统定位和高德定位
  • Day20_网络编程(软件结构,网络编程三要素,UDP网络编程,TCP网络编程)
  • https://registry.npm.taobao.org淘宝npm镜像仓库地址更新
  • 离散数学(一) 集合
  • IOS不使用默认的mainStroryboard作为首个controller的方法
  • Qt(C++)面试题 | 精选25项常问
  • 个人博客系列-环境配置-gitee(2)
  • DevOps 周期的 6 个 C
  • 九、计算机视觉-形态学基础概念
  • 杰发科技AC7801——SRAM 错误检测纠正
  • 普中51单片机学习(AD转换)
  • YoloV8改进策略:主干网络改进|MogaNet——高效的多阶门控聚合网络
  • Sora:OpenAI引领创新浪潮的AI视频模型
  • torch报错:[winerror 126] 找不到指定的模块torch_python.dll“ or one of its dependencies.
  • Linux日志轮替
  • Docker Container(容器)
  • week04day03(爬虫 beautifulsoup4、)
  • 04 动力云客之登录后获取用户信息+JWT存进Redis+Filter验证Token + token续期
  • RISC-V知识总结 —— 指令集
  • 基于Java jsp+mysql+Spring的汽车出租平台租赁网站平台设计和实现
  • [AutoSar]BSW_Com 01 Can通信入门
  • 离散数学 第七单元 tree
  • 基于MPPT最大功率跟踪算法的涡轮机控制系统simulink建模与仿真
  • Hbase和Clickhouse对比简单总结
  • Spring基础之AOP和代理模式
  • 二层交换机和三层交换机区别
  • 【Java程序设计】【C00267】基于Springboot的在线考试系统(有论文)
  • 【LeetCode】416. 分割等和子集(中等)——代码随想录算法训练营Day41