vue2写法
<template>
<div class="header">
<ul>
<!-- 循环数据在点击调用changeli方法时将当前索引和本条数据传进去,并使用当前数据show的bool值添加或移除样式 -->
<li :class="[{ active: item.show }]" @click="changeli(index, item)" v-for="(item, index) in global">
<!-- 在这里打印出boll值方便查看 -->
{
{ item.name }}{
{ item.show }}
<!-- {
{ item.name }} -->
<!-- 判断当前这条数据的bool值如果是true就打开二级菜单,如果是false就关闭二级菜单 -->
<ul v-show="item.show">
<!-- 循环二级菜单数据并使用.stop阻止冒泡 -->
<li v-for="(a, index) in item.children" v-on:click.stop="doThis(index)">{
{ a.name }}</li>
</ul>
</li>
</ul>
</div>
</template&