antdv 里的导航菜单偶尔会出现不能选中的问题?

Gear
  • 106

https://antdv.com/components/...

image.png
当悬停在首页位置展开菜单后,在选择下面子菜单时,会偶尔出现选不中,菜单自动收起的情况

<template>
  <a-layout>
    <a-layout-header
      :style="{
        position: 'fixed',
        zIndex: 1,
        width: '100%',
        background: 'rgb(255 255 255)',
      }"
    >
      <div class="logo">
        信息统计系统
        <span style="font-size: 15px; color: #b0c4de; padding-left: 10px">
          数字化应用项目</span
        >
      </div>
      <a-menu
        v-model:selectedKeys="current"
        mode="horizontal"
        theme="light"
        style="float: right"
      >
        <a-sub-menu key="mail">
          <template #icon>
            <mail-outlined />
          </template>
          <template #title>首页</template>
          <a-menu-item key="personInfo">
            <router-link :to="{ path: '/ryinfo/' + zyq }">
              人员情况
            </router-link>
          </a-menu-item>
          <a-menu-item key="wrInfo"
            ><router-link :to="{ path: /wrinfo/ + zyq }"
              >污染情况</router-link
            ></a-menu-item
          >
          <a-menu-item key="syInfo"
            ><router-link :to="{ path: /syinfo/ + zyq }"
              >水淹情况</router-link
            ></a-menu-item
          >
        </a-sub-menu>
        <a-sub-menu key="app">
          <template #icon>
            <appstore-outlined />
          </template>
         
      </a-menu>
    </a-layout-header>
    <a-layout-content
      :style="{
        background: '#fff',
        marginTop: '65px',
        minHeight: 'calc(100vh - 110px)',
      }"
    >
      <router-view :key="key" />
    </a-layout-content>
    <a-layout-footer
      :style="{
        textAlign: 'center',
        fontSize: '15px',
        padding: '10px 50px',
        height: '45px',
      }"
    >
      如有bug或意见,请联系
    </a-layout-footer>
  </a-layout>
</template>
回复
阅读 417
1 个回答

有没有一种可能是你点到子菜单和主菜单之间的空隙里面去了?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏