默认情况下,select的下拉框dom是添加到body元素中的,这就导致虽然视图层面看,select下拉框在popover body里面,但实际上他们是dom关系是兄弟元素,所以点击下拉框的行为对于popover而言,和在popover外面鼠标点击的行为是一致的。这就导致popover也关闭了。 尝试解决方法:将 select 组件的teleported属性设置为false,使得它的...
在使用 element-plus 框架的 el-popover 组件的时候,如果这个组件的内部有 el-select组件时,当选中了其中一项后 el-popover会自动关闭。 如下示例: https://zhonghuitech.github.io/vfg/#/popover image.png 代码: <el-popover placement="bottom" :width="500" trigger="click"> <template #default> <el-ca...
news00commentedMay 24, 2022 Feature type:`` Details Description Additional comments (empty) news00closed this ascompletedMay 24, 2022 news00reopened thisMay 24, 2022 Author news00commentedMay 24, 2022 github-actionsbotadded theinactivelabelJun 27, 2022...
因为是查询条件,所以就会出现在 el-popover 弹出框内使用 el-select 选择器的情况,当点击选择器的下拉框时,el-popover 的弹出框会自动隐藏;而正常的逻辑应该是当点击 el-popover 弹出框以外的内容时,弹出框才会隐藏,显然交互逻辑出了点问题。 <template> <el-popover placement="bottom-start" trigger="click">...
最后,确保你的代码在浏览器中正常运行,并且 el-popover 弹出时 select 元素能够正常显示和交互。你可以通过点击 el-button 来测试 el-popover 是否正常显示,并检查 select 元素是否能够正常选择选项。 按照上述步骤,你应该能够在 el-popover 中成功使用 el-select 组件。
Issue Remove Inactive [Component] [select] [Component] [select] el-select: dropdown popover closed and open again immediately when clicking caret-icon #18427 Sign in to view logs Summary Jobs issue-remove-inactive Run details Usage Workflow file ...
[popover, select] el-popover内有select的时候在选择后会自动关闭2024-02-2089.说一下flex的属性2024-02-2690.vue3中404路由匹配规则2024-02-2691.shape-outside2024-02-2792.createRange表示文档中的一个范围——用于js判断文字添加省略号情况2024-02-2893.uniapp清除指定key缓存2024-03-0794.vue3+uniapp关于...
selectShow:false } }, methods:{ hideFn(){ // 下拉框出现时候,让popover也一直显示,这样下拉框的选项不会漂浮到其他地方去 if(this.selectShow){ this.visible = true } }, // 下拉框出现/隐藏时候触发。出现true 隐藏false selectVisibleChange(e){ ...
I think this pr can fix it#10246
I think this pr can fix it#10246