Taro小程序根据状态动态添加类名失败解决办法

红太狼 2022-11-22 00:28 145阅读 0赞

## 需求 ##

添加一个刷新按钮，每次点击刷新就会重新请求接口更新状态，然后部分时间不可点击的时候置灰

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center]

## 遇到的问题 ##

就是刷新的时候，这个置灰的classname加不上去，状态其实已经变了

<View  key={ time}  className={ `single-time ${ 'currentTime === time ? 'checked-btn' : isFull.length === scheduleList[time].length ? 'disabled-btn' : '''}`} 
    >{ time}</View>

## 解决办法 ##

就是直接用内联样式动态去写入css

<View  key={ time}   style={ currentTime === time ? 'background-color: #5B9AFF;color: #fff;' : isFull.length === scheduleList[time].length ? 'border: 2px solid #ccc;background-color: #ccc;color: #fff;' : ''} >{ time}</View>

## 公众号 ##

欢迎大家关注我的公众号： 石马上coding，一起成长  
![石马上coding][coding]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/d486cc4aaa4748fcbd1f8e015cd6ea89.png
[coding]: https://img-blog.csdnimg.cn/202006121915145.jpg#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序：常见bug 和动态添加类名

微信小程序：常见bug 弹框和遮罩层显示在可视窗口的中间 > 实现方法： > > 1. 动态为最外层标签添加类名（固定定位） > 2. `isShow_pay

心已赠人/ 2023年02月20日 12:13/ 0 赞/ 17 阅读

相关微信小程序转 Taro

微信小程序转 Taro 参考：[https://taro-docs.jd.com/taro/docs/taroize/][https_taro-docs.jd.com_t

亦凉/ 2022年12月10日 10:29/ 0 赞/ 164 阅读

相关 Taro小程序根据状态动态添加类名失败解决办法

需求添加一个刷新按钮，每次点击刷新就会重新请求接口更新状态，然后部分时间不可点击的时候置灰 ![在这里插入图片描述][watermark_type_ZmFuZ3poZ

红太狼/ 2022年11月22日 00:28/ 0 赞/ 146 阅读

相关 js动态给dom元素添加类名

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

青旅半醒/ 2022年09月07日 09:38/ 0 赞/ 327 阅读

相关 angualrjs动态添加类名动态改变css

实现目标： 1.点击收藏商品，先判断是否登录，没有登录跳转到登录页面 2.登录的话，把a跳转隐藏，切换背景图片实现收藏路由：

ゝ一世哀愁。/ 2022年06月04日 06:16/ 0 赞/ 220 阅读

相关微信小程序如何动态增删class类名

简述由于微信小程序开发不同于以往的普通web开发, 因此无法通过js获取wxml文件的dom结构, 因此从js上直接添加一个类名应该不可能了. 可是我们可以通过微信小程

小咪咪/ 2022年05月11日 05:56/ 0 赞/ 431 阅读

相关 Taro小程序采坑记

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

待我称王封你为后i/ 2022年04月02日 16:08/ 0 赞/ 260 阅读

相关微信小程序动态切换class类名

之前用jquery时我们可以使用： $(".classify").eq(0).addClass("addStyleMi").siblings().removeClas

傷城~/ 2022年02月27日 08:34/ 0 赞/ 1763 阅读

相关添加WCF服务引用失败解决办法

最近在玩SL4 beta，写了一个WCF的服务，在Silverlight Application中选择Add Service Reference，填入服务地址，但在生成服务引用

骑猪看日落/ 2021年11月11日 02:46/ 0 赞/ 442 阅读

相关微信小程序根据状态换图

在index.wxml中添加图片 <image bindtap="click" src="{ {show?'/images/.png':'/image

不念不忘少年蓝@/ 2021年07月24日 17:44/ 0 赞/ 350 阅读