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); },

浙公网安备 33010602011771号