element中 仿$confirm 确认框

前端交互中经常使用确认框。在删除、修改等操作时,调用后端接口之前,先跳出弹框显示提示信息,提示用户确认,避免用户误操作。
项目中全局引入了Element UI,提供了一套模态对话框组件,用于消息提示、确认消息、提交内容,使用起来也非常简便。
(什么是“模态”?可将其理解为:特定条件触发之后产生的)

以下来自于element官网文档:

如果你完整引入了 Element,它会为Vue.prototype添加如下全局方法: $msgbox$alert$confirm 和$prompt。因此在Vue instance中可以采用本页面中的方式调用 MessageBox。

代码范例:

 
 this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        this.$message({ type: "success", message: "删除成功!" });
                    })
                    .catch(() => {
       

你可能感兴趣的:(vue,vue)