应用中弹窗的2种写法

最新推荐文章于 2024-06-13 14:30:24 发布

ps笔记

最新推荐文章于 2024-06-13 14:30:24 发布

阅读量115

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/lv_suri/article/details/130822989

版权

第一种：$confirm()用法

 handleClose() {
            if (isChange) {
                this.dialogVisible = true;
                this.$confirm('是否关闭？您所做的更改并未保存。', '确认信息', {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '保存',
                    cancelButtonText: '关闭',
                    showClose: false,
                })
                .then(() => {
                    this.handleSave();
                    this.dialogVisible = false;
                    isChange = false;
                })
                .catch(action => {
                    this.dialogVisible = false;
                    this.updateSelectedList();
                    isChange = false;
                })
            }
        },

第二种：$alert()用法

handleSave() {
            batchSaveApi(this.selectedList).then(res => {
                this.updateQuickNav();
                this.$alert('快捷键设置成功！', '消息', {
                    confirmButtonText: '确定',
                    callback: ()=> {
                        this.dialogVisible = false;
                    }
                });
            });
            isChange = false;
           
        },