循环出来的Elementui中的Popover弹出框,如何在外部触发Popover的弹出事件

Elementui的Popover基本使用,下面链接为官网介绍,就不做重复介绍了
关于Elementui基本使用,官网地址

重点:Popover的显示方法为doShow()

遇到的问题:Popover弹出框是循环出来的,如图

循环出来的Elementui中的Popover弹出框,如何在外部触发Popover的弹出事件

点击增加按钮让数组增加,所以弹出框也会增加,但不会触发点击事件,需求:增加按钮之后,同时出发Popover的点击事件

解决方案:给这个dom节点添加ref属性,在methods中
循环出来的Elementui中的Popover弹出框,如何在外部触发Popover的弹出事件
会打印出来循环出来所有的Popover,因为我用的添加数组的方法是,this.arr.splice(this.arr.length + 1, 0, { }

所以每次新增的时候,都会添加一个Popover,这时候直接获取数组是获取不到改变之后的,所以在this.$nextTick(() => { }) 里面获改变后的数组,然后通过this.$refs.arr[this.arr.length - 1].doShow()方法调用,即可正常显示。