当前位置: 首页 > 知识库问答 >
问题:

element-ui - elementui组件el-popover如何使其默认一直显示?

谭刚毅
2023-07-21

项目中使用到ele组件el-popover,页面上有不同类型的提示框,有些鼠标移上去显示,有些需要进入页面后就一直显示,且不会关闭。

鼠标移上去显示好实现:直接trigger='hover'救可以了,但是进入页面就一直显示的我使用方式

:vlaue='true'trigger='manual'

这么做确实能进入页面后一直显示,但是样式却不正常(和通过hover展示出来的样式),没有箭头,且紧紧挨着'reference'对象。

正常通过hover触发如下:

通过代码:vlaue='true' trigger='manual'显示如下:

怎么样才能让两者显示一样的效果呢 ?

共有1个答案

濮阳原
2023-07-21

1.在el-popover中添加属性
ref="popover"
2.然后在mounted函数中执行以下方法即可
this.$refs.popover.doShow()

 类似资料: