【vue】confirm确认框用法

原创已于 2023-11-24 10:42:13 修改 · 3.4w 阅读

33 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2021-01-07 10:26:16 首次发布

vue 专栏收录该内容

37 篇文章

订阅专栏

该博客介绍了如何使用Vue.js来创建一个自定义的确认对话框组件。内容包括设置图标样式、更改按钮文字、控制关闭按钮显示以及指定提示类型等，展示了Vue中自定义组件的灵活性和可配置性。

1.示例图片：

示例图1

2.示例代码：

this.$confirm("是否确认该操作","提示",{
    iconClass: "el-icon-question",//自定义图标样式
    confirmButtonText: "确认",//确认按钮文字更换
    cancelButtonText: "取消",//取消按钮文字更换
    showClose: true,//是否显示右上角关闭按钮
    type: "warning",//提示类型  success/info/warning/error
}).then(()=>{
    //确认操作
}).catch(() => {
  	//取消操作
});