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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM