[popover, select] el-popover内有select的时候在选择后会自动关闭

Steps to reproduce
选择某个选项后会自动关闭

What is Expected?
选择后不自动关闭,等点击按钮后再去触发组件内的关闭方法。

What is actually happening?
自动关闭

Additional comments
这个问题当初在elementui的时候还没有。

默认情况下,select的下拉框dom是添加到body元素中的,这就导致虽然视图层面看,select 下拉框在 popover body里面,但实际上他们是dom关系是兄弟元素,所以点击下拉框的行为对于 popover而言,和在popover外面鼠标点击的行为是一致的。这就导致popover也关闭了。

尝试解决方法:将 select 组件的 teleported属性设置为false,使得它的下拉框被渲染在popover内部

posted @ 2024-02-20 17:02  jialiangzai  阅读(443)  评论(0)    收藏  举报