场景:在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); },