小程序里如何切换class

幻想山外小楼听雨

于 2018-11-19 14:25:13 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序笔记文章标签：小程序 class 切换class 改变class

本文链接：https://blog.youkuaiyun.com/promiseCao/article/details/84247674

小程序笔记专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用微信小程序实现分类导航的方法，通过动态绑定和条件渲染实现了灵活的分类切换效果。文章详细解释了如何利用wx:key和bindtap等特性来创建交互式的分类导航栏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<text wx:for="{{titles}}" wx:key="{{item}}" 

class="home-title {{index == activeIndex ? 'active' : ''}}" 

bindtap='changeClassify'> {{item.name}} </text>


 // index == activeIndex classw为 "home-title active" 否则为 "home-title "