购物车小程序列表状态
Posted 心意如水
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了购物车小程序列表状态相关的知识，希望对你有一定的参考价值。
<scroll-view class="nav_left" scroll-y>
<block wx:key="{{index}}" wx:for="{{navLeftItems}}">
//当前点击的项等于当前点击下标添加 class
<view class="nav_left_items {{curIndex == index ? ‘nav_left_item-active‘ : ‘‘}}" data-index="{{index}}" bindtap="switchRightTab">
{{item}}
</view>
</block>
</scroll-view>
//默认等于0
data:{
curIndex: 0,
}
switchRightTab(e) {
let index = parseInt(e.currentTarget.dataset.index);
this.setData({
curIndex: index
})
},
以上是关于购物车小程序列表状态的主要内容，如果未能解决你的问题，请参考以下文章
零基础学小程序008----小程序列表实现+本地json数据解析渲染到小程序列表