点击侧边栏能切换对应的分类,并且侧边栏字体颜色高亮显示
第一个所有分类不是请求的数据,是写的假数据,但可以给他设置一个id,来显示所有
data里定义一个idx:0 用三元表达式来判断 点击事件把下边0传下去
<view :class="idx==0 ? 'active': ''" @click="tab(0)">所有分类</view>
下面是真的数据,此时也用三元表达式来判断
<view v-for="(item,index) in leftList" :key="item.id"
:class="item.id==idx ? 'active': ''" @click="tab(item.id)">
{{item.name}}
</view>
下面methods里的tab事件用e接收log的结果的就是点击的下标
第二种全是真数据
那就不用麻烦整新的id了,侧边高亮显示可以直接判断三元表达式,item.id==idx
商品数据也直接根据id过滤,