[TOC] #### Element Plus 带提交内容的删除确认框 ``` ElMessageBox.prompt('是否确认删除数据，涉及到的数据将会被物理删除，如果确定，清输入:我确认删除任务', 'Tip', { confirmButtonText: 'OK', inputValidator: function (val) { if (val === "我确认删除任务") { return true } return "输入错误" }, cancelButtonText: 'Cancel' }) .then(({ value }) => { if (value === "我确认删除任务") { alert("应该删除了") } else { alert("输入错误，请从新输入") } }) .catch(() => { }) ``` #### element plus 确认框 ``` <template> <el-button @click="openConfirmBox">点击打开确认框</el-button> </template> <script> import { ElMessageBox } from 'element-plus'; export default { methods: { openConfirmBox() { ElMessageBox.confirm('确认执行此操作吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { // 点击确认执行的逻辑 ElMessageBox.alert('操作已确认', '提示'); }).catch(() => { // 点击取消执行的逻辑 ElMessageBox.alert('操作已取消', '提示'); }); } } } </script> ```