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>