<div class="top_funct" v-for="(item, index) in functs" :key="index">
<!-- 每个功能块的外壳:控制横条的点击与鼠标悬浮出现 -->
<div>
<!-- 文字 -->
<span>
{{ item.funct }}
<!-- PCAP文件功能的小图标 -->
<el-icon class="file_icon" v-if="index == '4'"
><CreateBottom
/></el-icon>
</span>
<!-- PCAP文件功能下拉菜单 -->
<ul v-if="index == '4'" v-for="(item, i) in menus" :key="i" class="file_menu">
<li>{{ item.menu }}</li>
</ul>
</div>
</div>
实现场景:出现嵌套v-for,想用v-if控制部分v-for的出现,但出现以后以后以上报错。修改以下
<div class="top_funct" v-for="(item, index) in functs" :key="index">
<!-- 每个功能块的外壳:控制横条的点击与鼠标悬浮出现 -->
<div>
<!-- 文字 -->
<span>
{{ item.funct }}
<!-- PCAP文件功能的小图标 -->
<el-icon class="file_icon" v-if="index=='4'"><CreateBottom /></el-icon>
</span>
<!-- PCAP文件功能下拉菜单 -->
<div v-if="index=='4'">
<ul v-for="(item, i) in menus" :key="i" class="file_menu" >
<li>{{ item.menu }}</li>
</ul>
</div>
</div>
</div>