html:
<template> <div class="container"> <headTop headTitle="行业分类"></headTop> <div class="main"> <--一级分类--> <ul class="sidebar"> <li v-for="(item, idx) in sidebarList" :key="idx" @click="currentIndex1 = idx" :class="currentIndex1 === idx ? 'active' : ''"> <p>{{item.name}}</p> </li> </ul> <--二级分类--> <ul class="list"> <li v-for="(item, idx) in sidebarList[currentIndex1].list" :key="idx" :class="currentIndex2 == `${currentIndex1}${idx}` ? 'active' : ''" @click="selectedType(item, `${currentIndex1}${idx}`)"> <p class="item_name">{{item.name}}</p> </li> </ul> </div> </div> </template>