当前位置: 首页 > Web前端 > HTML

元素中popover弹框有选择器,点击

时间:2023-03-28 14:53:14 HTML

元素popover弹框消失的解决方法popover弹框有选择器,点击后popover消失的解决方法,很多时候大家用它来展示一些页面放不下或者不好放置的内容,很少在里面使用一些选择器,输入框等组件。在默认配置下,当使用selector组件时,一旦点击下拉选项,popover就会消失,这显然不是想要的效果。在hover="click"的popover中,组件是否显示主要取决于鼠标点击时的label是否在对应的弹出框中。如果不是,它将被隐藏。如果是,则不会隐藏。理解了这个逻辑之后,我们应该看看官网是否有给我们对应的属性。可以看出,composition中的popperAppendToBody属性决定了对应的弹框追加到哪个父节点。默认为正文。如果此属性更改为false,它将附加到相应的select标记。此时点击下拉选项中的内容相当于点击相应的父框,而不是追加到正文中的标签。自然,刚打开的popover不会消失。描述可能不够详细,代码配置其实也就一行。:popperAppendToBody="false"下面是一个使用示例value"placeholder="Pleaseselect">

点击激活有兴趣的同学可以对比添加对应的不添加该属性时的DOM结构。