前端项目实战220-确认弹框提示

最新推荐文章于 2025-07-09 10:52:22 发布

原创最新推荐文章于 2025-07-09 10:52:22 发布 · 347 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

前端记录-work-react-最近工作专栏收录该内容

212 篇文章

订阅专栏

本文介绍了如何使用Modal组件进行裁床绑定操作，通过异步请求获取裁床信息，成功后设置本地存储并显示成功提示。遇到问题时则给出警告消息。

Modal.confirm({
            title: '系统提示',
            content: '是否绑定当前裁床?',
            async onOk() {
                const response = await getCutBed({ cutBedCode: e.target.value })
                if (response.code == 200) {
                    console.log(response.data, "response")
                    localStorage.setItem("BindId", JSON.stringify(response.data.id || ""))
                    setBedCode("");
                    message.success('裁床绑定成功');
                    props.onConfirm()
                } else {
                    setBedCode("");
                    // message.error('当前裁床不存在');
                    message.warning(response.message);
                }
            },
            onCancel() { },
        });