关于多个 ELement UI Popover的处理

@处理 Element UI 中Popover组件会在页面中出现多个的情况**

前言：今天有一个需求，一个列表中每一行都会有一个element-ui的 popover 弹窗，使用click或者hover触发；但是，这个组件自身不会自动关闭，处理手动点击页面其他地方。使用需要对这一现象进行处理，使用 doClose() 方法。

第一步：给每一个el-popover标签添加一个key唯一标识的ref

第二步：在每次点击、hover触发el-popover时（click事件添加在触发el-popover组件的按钮上），遍历页面中所有的refs，把带有 “popover-” 的ref 拿出来，并调用它自身的 doClose 方法（这个方法在官方文档上没有，可以去看源码）

    closePopover(index) {
            if (index) {
                this.$refs[index].doClose()
            } else {
                for (const key in this.$refs) {
                    if (key.indexOf('popover-') !== -1) {
                        this.$refs[key].doClose()
                    }
                } 
            }
            console.log(index)
      }

ps：另有一种方法是在表格行渲染的时候使用，个人感觉不如这种通用
地址：https://www.dazhuanlan.com/2020/03/02/5e5c70df84ad6/