一级菜单的解决方法

来源：7-8 点击分类菜单显示电子书

will_ZQ

2021-04-30

sub-menu组件中使用titleclick而不是click就可以了, 需要注意的是要在menu组件中去掉click, 否则会出现重复click
这是我的源码，我对做了一点改变用于区分parent和child

            <a-sub-menu v-for="item in level1" :key="item.id" @titleClick="handleClick({key:'parent', id:item.id})">

              <template v-slot:title>
                <span><user-outlined />{{item.name}}</span>
              </template>
              <a-menu-item v-for="child in item.children" :key="child.id" @click="handleClick({key:'child', id:child.id})">
                <MailOutlined /><span>{{child.name}}</span>
              </a-menu-item>

            </a-sub-menu>