vue element-plus 下拉菜单嵌套选择器 选择器自动收起 无法选择 如何解决?-灵析社区

梦想缔造狮

el-dropdown与el-select嵌套使用,下拉菜单内的选择器打开后,鼠标移向选项会直接收起选择器。 以下为问题代码 import { ArrowDown } from '@element-plus/icons-vue' import { ref } from 'vue' --> {{ item.name }} export default { data() { return { name : ref('') } }, props: { menuItems : [] }, methods: { onChangeVisible(visible) { this.$emit('changeMenuVisible',visible); // console.log(visible); } } } .example-showcase .el-dropdown-link { cursor: pointer; color: var(--el-color-primary); display: flex; align-items: center; } ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/259d0bf0e916a30e0141500daa62a510.png) 如图所示,若鼠标想移至选项进行选择,选择器会直接收起。 尝试将下拉菜单改成静态菜单,发现选择器能正常选择不会自动收起。 但需求是使用下拉菜单。。。 更改代码部分如下 {{ item.name }} 静态菜单截图 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/81546eb059832b5e4c5bbbfd15db842d.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/c0dec8971793254d2ffe766b688efeeb.png)

阅读量:245

点赞量:0

问AI
北北che
为怎么要在"dropdown"里面嵌套"select"呢? 有点奇怪,官方都没想要会有人这样用吧? 如果有多级,建议使用"TreeSelect"。