简介
项目中,会有一个模块展示多个类别的数据,点某一个标题只展示相关的内容。
具体实现
<template>
<div>
<div class="classifyToolBox">
<div class="flexRowStart classifyToolBar">
<div v-for="(item, index) in classifyToolData" :key="index" class="classifyToolBtn" :class="[currentIndex === index ? 'page-select' : '']" @click="clickFun(index)" >{
{
item}}</div>
</div>
<div class="classifyToolListBody">
<div>这里是{
{
classifyToolData[currentIndex]}}的数据</div>
<!-- 展示当前所选中分类标题对应的分类列表数据-->
<div v-for="(item, index) in classifyToolList[currentIndex]" :key="index" class=""></div>