Vue

【Vue3实战】将antd for Vue中Modal组件的确认框方法注册到vue全局方法

沉梦小哥哥
预计阅读时长 19 分钟
位置: 首页 Vue 正文

为了更方便使用的antd的modal组件中的确认框功能,需要注册到全局方法更方便,按如下操作即可

// 暴露confirm方法到globalProperties

app.config.globalProperties.$confirm = async function (message: string, title: string, options?: any) {
        return new Promise((resolve, reject) => {
            let status: null | Number = null;
            Modal.confirm({
                title: title,
                type: options?.type || 'info',
                content: message,
                onOk: () => {
                    status = 1
                },
                onCancel: () => {
                    status = 0
                },
                // // eslint-disable-next-line @typescript-eslint/no-empty-function
                // onCancel: callback2,
            });

            let get= () =>{
                              setTimeout(() => {
                    if (status !== null) {
                        if (status == 1) {
                                console.log('onOk');
                                  resolve({});
                        }
                        else {
                                 console.log('onCancel');
                                 reject({});
                        }
                    }
                    else {
                        get();
                    }
                }, 10)
            }
            get();
        });
    };


-- 展开阅读全文 --
头像
为悼念中国英雄李克强全站灰色3日
« 上一篇 2023-10-28
【vue-vben】vue-vben-admin 本地搭建教程
下一篇 » 2023-11-02
取消
微信二维码
微信二维码
支付宝二维码

最近发表

标签列表

目录[+]