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("确认")
    })
相关推荐
Mickey同学6 小时前
提示词注入:AI 时代的「SQL 注入」
前端
deli0076 小时前
GROUP BY 先别想当然:我把 SQL 分组语义做成了沙盘,8 个实验 + 27 条自检全绿
前端
WayneX6 小时前
开源 Vue 3 组件库 Morya UI:把组件、文档、AI 工具链一起做进一个包
前端·vue.js·前端框架
用户15741568165346 小时前
页面白屏 + Invalid prop: type check failed for prop "options"?原来是 script setup 的 ref
前端
btcSteven6 小时前
给浏览器装了个「AI 操作员」:纯聊天帮你完成任何任务
前端
高晶6 小时前
一种小功率锂电池组充电器方案
前端·架构
deli0076 小时前
AI 说写完了怎么知道它没骗你?16 项交付证据清单,我用码道做成一键核对页
前端
zReadonly7 小时前
不用反复 nvm use 了:nvm-windows 2.x 按项目自动切换 Node.js
前端·node.js
汉堡大王95277 小时前
GPT-6 上线 48 小时,我扒开了 Intelligent UI 的运行机制:DIL、沙箱 Worker 和一个 React 式协调器
前端·javascript·后端
hai_android7 小时前
Chat 聊天模块功能总结
前端·javascript·vue.js