项目中使用到ele
组件el-popover
,页面上有不同类型的提示框,有些鼠标移上去显示,有些需要进入页面后就一直显示,且不会关闭。
鼠标移上去显示好实现:直接trigger='hover'
救可以了,但是进入页面就一直显示的我使用方式
:vlaue='true'
trigger='manual'
这么做确实能进入页面后一直显示,但是样式却不正常(和通过hover
展示出来的样式),没有箭头,且紧紧挨着'reference'对象。
正常通过hover触发如下:
通过代码:vlaue='true' trigger='manual'
显示如下:
怎么样才能让两者显示一样的效果呢 ?
1.在el-popover中添加属性
ref="popover"
2.然后在mounted函数中执行以下方法即可
this.$refs.popover.doShow()