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

文章目录

    使用场景

    微信小程序模板中,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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式