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

微信小程序 通过响应式数据控制元素class属性

我想大家照这个和我最初的目的一样 希望有和vue中v-bind:class一样方便的指令
但答案不太尽人意
在这里插入图片描述
这里 我们只能采用 三元运算符的形式
参考代码如下

<view class="item {{ userId === item.userId ? 'isThisUser' : '' }}">
</view>

这里 我们判断 如果当前item中的userId如果和我们响应式数据中的userId相同 则给与isThisUser
否则 赋值为空字符串
在这里插入图片描述
也能实现效果 但其实 个人总觉得写法并不是那么好看

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

相关文章:

  • linux并发服务器 —— linux网络编程(七)
  • Java后端开发面试题——企业场景篇
  • TiDB x 安能物流丨打造一栈式物流数据平台
  • 负载均衡算法实现
  • Flutter 完美的验证码输入框 转载
  • SpringBoot整合Jpa实现增删改查功能(提供Gitee源码)
  • 微服务[Nacos]
  • 8K视频来了,8K 视频编辑的最低系统要求
  • AsyncContext优雅实现HTTP长轮询接口
  • 如何制作一个百货小程序
  • 【人工智能】—局部搜索算法、爬山法、模拟退火、局部剪枝、遗传算法
  • MATLAB旋转动图的绘制
  • 算法笔记 近似最近邻查找(Approximate Nearest Neighbor Search,ANN)
  • uni-app 之 vue语法
  • Android之RecyclerView仿ViewPage滑动
  • 【owt-server】AudioSendAdapter分析
  • day33 List接口
  • 云原生周刊:Linkerd 发布 v2.14 | 2023.9.4
  • CS420 课程笔记 P5 - 内存编辑 数据类型
  • oracle报错 ORA-02290: 违反检查约束条件问题
  • Prometheus + grafana 的监控平台部署
  • npm、yarn、pnpm
  • 力扣|两数相加
  • prometheus通过blackbox-exporter监控web站点证书
  • CentOS7 Hadoop3.3.0 安装与配置
  • 2023年9月CDGA/CDGP数据治理认证考试报名,当然弘博创新
  • Re45:读论文 GPT-1 Improving Language Understanding by Generative Pre-Training
  • VB.NET 如何将某个Excel的工作表中复制到另一个的Excel中的工作表中https://bbs.csdn.net/topics/392861034
  • 深入解析Kotlin类与对象:构造、伴生、单例全面剖析
  • JavaScript构造函数