微信小程序van-dialog确认验证失败时阻止对话框的关闭

使用官方( Vant Weapp - 轻量、可靠的小程序 UI 组件库)的before-close:

wxml:

复制代码
<van-dialog use-slot title="名称" show="{{ show }}" show-cancel-button 
  bind:cancel="onClose" bind:confirm="getBackInfo" before-close="{{onBeforeClose}}">
  自定义内容
</van-dialog>

js:

复制代码
data: {
    show: false,
    onBeforeClose:''
},
getBackInfo() {
   if (this.data.XXX) {
      console.log('符合')
   } else {
      this.setData({
        show: true,
        onBeforeClose: (action) => {     
          new Promise((resolve) => {
            if (action === 'confirm') { 
              resolve(false)
            }
          })
        }
      })  
      console.log('不符合')
   }
},
onClose() {
   this.setData({
      show: false,
   });
},
相关推荐
暗不需求9 分钟前
从路虎汽车小程序看微信小程序开发的最佳实践
前端·javascript·微信小程序
博客zhu虎康1 小时前
小程序:解决小程序发布上线后无分享功能
小程序
tuanyuan99o10 小时前
2026商城小程序的安全怎么保障?防止黑客攻击和数据泄露
安全·小程序
facetarzan15 小时前
微信小程序文件下载
小程序·文件预览·文件下载
aiguangyuan15 小时前
微信小程序服务商
微信小程序·前端开发
一支帆15 小时前
微信小程序-情侣点餐
java·微信小程序·情侣点餐
Slow菜鸟15 小时前
AI开发-微信小程序(全流程提示词)
人工智能·微信小程序
橘子海全栈攻城狮15 小时前
【最新源码】鸟博士微信小程序 023
spring boot·后端·web安全·微信小程序·小程序
Yuujs15 小时前
微信小程序反编译保姆级教程
微信小程序·小程序
m0_6470579615 小时前
微信小程序同声传译(WechatSI)通用接入教程
微信小程序·小程序·notepad++