问题描述
做人机对话界面,底部用户输入款,支持实时检索。使用el-popover展示搜索数据。当搜索出的数据先少后多时,popover弹出框会将用户输入遮挡:

原因分析:
项目中popover弹出框固定了最大高度,当数据由少变多时,popover没有动态计算位置,才会出现这种现象
解决方案:
手动更新popover弹出框的位置:
nextTick(() => {
if (elPopoverRef.value) {
elPopoverRef.value?.updatePopper();
}
});