微信小程序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,
   });
},
相关推荐
换日线°18 小时前
NFC标签打开微信小程序
前端·微信小程序
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una1 天前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro
计算机毕设指导61 天前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
Jiaberrr1 天前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
Code王1 天前
【课程设计/毕业设计】基于springboot +微信小程序的家政服务平台系统基于小程序的家政服务系统安全开发【附源码、数据库、万字文档】
spring boot·小程序·课程设计
CHU7290351 天前
旧物回收小程序前端功能版块解析:便捷赋能闲置循环
小程序