微信小程序模板 for 循环中 if 判断是否添加 css class

更新日期: 2020-05-14 阅读次数: 6410 字数: 98 分类: 微信小程序

使用场景

微信小程序模板中,for 循环展示一列元素。需要设置一个默认的 active 元素,默认是首个元素。样式上通过添加 active class 进行突出显示效果。

实现方法

利用 js 的三元运算符

<view class="subject {{ cur_index == index ? 'active' : ''}}"
        wx:for="{{ items }}" wx:for-index="index" wx:for-item="item">
      {{ item }}
</view>

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式