循环表格列表包含el-popover组件中取消弹层问题

使用红色文字部分轻松搞定el-popover中取消弹层问题
<template slot-scope="scope">
  <el-button type="text" size="small">编辑</el-button>
  <el-popover
    placement="bottom-end"
    width="200"
    :ref="`popover-${scope.$index}`">
    <p>确认删除该分组？</p>
    <div style="text-align: right; margin: 0; border-top:1px solid #f8f8f8; padding-top:10px">
      <el-button size="mini" type="text" @click="scope._self.$refs[`popover-${scope.$index}`].doClose()">
        取消
      </el-button>
      <el-button type="primary" size="mini">确认</el-button>
    </div>
    <el-button slot="reference" type="text" size="small">删除
    </el-button>
  </el-popover>
</template>