vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

🐛 [Bug]: Menu 横向菜单,屏幕缩小出现省略号时,下拉点击任意一项没有反应

Open iuuKai opened this issue 2 years ago • 0 comments

Version

1.5.9

Vue Version

3.3.4

Link to minimal reproduction

使用 Menu 时,省略号的下拉项,点击没有任何反应 在 d-menu 设置了 :router="true"@select, @submenu-change,均无任何反应,不执行也不跳转 只有 d-menu-item 设置 :href="path" 的时候,下拉项点击才会跳转,可这不是我需要的

image

演示代码 codepen

Step to reproduce

直接是官网演示代码就可操作 image

如果不测试 <d-menu router="true",测 @select@submenu-change 都行,现在就是下拉项无法触发

<template>
  <d-menu mode="horizontal" :default-select-keys="['home']" style="margin-bottom: 120px" :width="width + 'px'">
    <d-menu-item key="home">
      <template #icon>
        <i class="icon-homepage"></i>
      </template>
      首页
    </d-menu-item>
    <d-sub-menu title="课程" key="course">
      <d-menu-item key="c"> C </d-menu-item>
      <d-sub-menu title="Python" key="python" disabled>
        <d-menu-item key="basic"> 基础 </d-menu-item>
        <d-menu-item key="advanced"> 进阶 </d-menu-item>
      </d-sub-menu>
    </d-sub-menu>
    <d-menu-item key="person">个人</d-menu-item>
    <d-menu-item key="custom" href="https://www.baidu.com" disabled> Link To Baidu </d-menu-item>
  </d-menu>
  <d-slider :min="0" :max="480" v-model="width"></d-slider>
</template>

<script setup lang="ts">
import { ref } from 'vue';
let width = ref(480);
</script>

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

No response

iuuKai avatar Aug 16 '23 11:08 iuuKai