react vant 在使用dialog.confirm取消报错 Uncaught (in promise) undefined

项目场景:

在使用react做移动端开发时,需要使用Dialog.confirm确认框来做弹框选项,这是在操作中非常常用的一种场景。


问题描述

在列表中,使用弹框时,点击取消时,语法报错;导致后面再触发弹框时,因为语法报错,导致事件不再触发。


原因分析:

在确认框中,取消时返回,内部框架报错。使用的new Promise返回格式错误导致。


解决方案:

在Dialog里面添加报错机制,catch,这样避免因为语法报错,而导致事件失效。

javascript 复制代码
Dialog.confirm({
      className:'onlinePhone',
      title:'温馨提示',
      message: (
        1111
      ),
      confirmButtonColor:'#2e9eff',
      cancelButtonColor:'#2e9eff',
      cancelButtonText:"取消",
      confirmButtonText:'去咨询',
    }).then(()=>{
      console.log("确认")
    })
相关推荐
不说别的就是很菜36 分钟前
【前端面试】CSS篇
前端·css·面试
by__csdn1 小时前
nvm安装部分node版本后没有npm的问题(14及以下版本)
前端·npm·node.js
Dm_dotnet1 小时前
React:使用Tailwind CSS、Streamdown与Ant Design X
react.js
by__csdn1 小时前
Node与Npm国内最新镜像配置(淘宝镜像/清华大学镜像)
前端·npm·node.js
脸大是真的好~1 小时前
黑马JAVAWeb -Vue工程化-API风格 - 组合式API
前端·javascript·vue.js
我命由我123451 小时前
CesiumJS 案例 P35:添加图片图层(添加图片数据)
开发语言·前端·javascript·css·html·html5·js
你挚爱的强哥1 小时前
【sgMobileUploadTypeSelect】自定义组件:从底部弹出选择上传图片文件的方式【1、上传本地文件,2、拍摄上传】
前端·javascript·vue.js
Mike_jia2 小时前
Checkmate:自建监控新标杆!开源替代Zabbix的轻量级方案实战
前端
fury_1232 小时前
tsfile.raw提示
java·前端·javascript
喝拿铁写前端2 小时前
从面条代码到抽象能力:一个小表单场景里的前端成长四阶段
前端·设计模式·架构