elementui的popover在删除完一行之后，下一行的popover自动显示的问题

项目场景：vue+elementui+axios

遇到的问题：在一个页面用到的table里面 每一行有一个删除的操作按钮 点击第一行的删除确定之后，table也刷新了，但是那个popover的提示框还在那边，再点击的话就会报错

先看代码：

其中的取消隐藏popover是参照网上其他大佬的文章弄出来的 

<el-popover
                :ref="`popover-${scope.$index}`"
                placement="top"
                width="160"
                >
                <p v-if="scope.row.state==='PUBLISHED'">该公告在启用中，你确定要删除吗？</p>
                <div style="text-align: right; margin: 0">
                  <el-button size="mini" type="text" @click="scope._self.$refs[`popover-${scope.$index}`].doClose()">取消</el-button>
                  <el-button type="primary" size="mini" @click.stop="deleteHandle(scope.$index, scope.row)">确定</el-button>
                </div>
                <el-button
                  size="mini"
                  type="text"
                  slot="reference"
                  v-if="scope.row.state=== 'PUBLISHED' || scope.row.state=== 'FINISHED' || scope.row.state==='UNDERCARRIAGE' "
                  @click.stop="handleDelete(scope.$index, scope.row)">删除</el-button>
              </el-popover>

然后，就是一直显示提示框

解决方法就是：

请看代码：

红框框里面的就是让提示框不再出现的代码了

之前和同事尝试了很多方法都不行，用数组splice不行，反正就是试了好多都不行，最后用这个成功了

我想前提应该是取消里面的隐藏和确定里面的这个要是一样的才行