循环出来的Elementui中的Popover弹出框,如何在外部触发Popover的弹出事件
Elementui的Popover基本使用,下面链接为官网介绍,就不做重复介绍了
关于Elementui基本使用,官网地址
重点:Popover的显示方法为doShow()
遇到的问题:Popover弹出框是循环出来的,如图
点击增加按钮让数组增加,所以弹出框也会增加,但不会触发点击事件,需求:增加按钮之后,同时出发Popover的点击事件
解决方案:给这个dom节点添加ref属性,在methods中
会打印出来循环出来所有的Popover,因为我用的添加数组的方法是,this.arr.splice(this.arr.length + 1, 0, { }
所以每次新增的时候,都会添加一个Popover,这时候直接获取数组是获取不到改变之后的,所以在this.$nextTick(() => { })
里面获改变后的数组,然后通过this.$refs.arr[this.arr.length - 1].doShow()
方法调用,即可正常显示。