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()方法调用,即可正常显示。
ElementUI Popover 动态显示技巧
本文解决ElementUI Popover组件在动态数组变化时,无法触发显示问题。通过在methods中添加ref属性和使用$nextTick确保DOM更新后,调用doShow()方法实现动态增加Popover并触发其显示。
8850

被折叠的 条评论
为什么被折叠?



