解决el-popover气泡在线上移入移出突然不能显示问题

vue3项目使用element-plus直接调用 el-popover 组件，在线上多次移入移出出现移入不能再显示问题

<el-popover
  v-if="item.remark"
  v-model:visible="item.remarkVisible"
  placement="top-start"
  :width="600"
  trigger="hover"
  content="remark嘻嘻嘻嘻嘻嘻"
>
  <template #reference>
    <span class="red">备注</span>
  </template>
</el-popover>

解决方案：改成以下调用

<el-popover
  v-if="item.remark"
  :visible="item.remarkVisible"
  placement="top-start"
  :width="600"
  content="remark嘻嘻嘻嘻嘻嘻"
>
  <template #reference>
    <span v-if="item.remark"
      @mouseleave="item.remarkVisible = false"
      @mouseenter="item.remarkVisible = true"
    >
      备注
    </span>
  </template>
</el-popover>