vue-devui
vue-devui copied to clipboard
🐛 [Bug]: Menu 横向菜单,屏幕缩小出现省略号时,下拉点击任意一项没有反应
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" 的时候,下拉项点击才会跳转,可这不是我需要的
Step to reproduce
直接是官网演示代码就可操作
如果不测试
<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