elementui表格中使用Popover 彈出框

場景：在elmentui表格中使用Popover 彈出框，進行刪除二次確認

<el-table-column label="操作" align="center" fixed="right">
                        <template slot-scope="scope">
                            <el-popover v-if="scope.row.status==='1'&&isShowUpdate" placement="top" width="200" :ref="`popover-${scope.$index}`">
                                <p style="line-height:40px"><i class="el-icon-info" style="color:rgb(255,153,0)"></i> 您確定撤銷該內容嗎？</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="revokeRecords(scope)">確定</el-button>
                                </div>
                                <el-link slot="reference" type="primary">撤銷</el-link>
                            </el-popover>
                            <span v-else>--</span>
                        </template>
                    </el-table-column>

 在刪除方法中關閉窗口

// 撤銷
        revokeRecords(scope) {
            scope._self.$refs[`popover-${scope.$index}`].doClose()
            const { id } = scope.row
            this.axios(xxxxxx);
        },