当前位置: 首页 > article >正文

微信小程序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,});
},
http://www.lryc.cn/news/2380324.html

相关文章:

  • 边缘计算模块
  • 【极兔快递Java社招】一面复盘|数据库+线程池+AQS+中间件面面俱到
  • OceanBase 的系统变量、配置项和用户变量有何差异
  • Git本地使用小Tips
  • 【Python】Jupyter指定具体路径
  • ThreadLocal作一个缓存工具类
  • RNope:结合 RoPE 和 NoPE 的长文本建模架构
  • virtualbox虚拟机中的ubuntu 20.04.6安装新的linux内核5.4.293 | 并增加一个系统调用 | 证书问题如何解决
  • unity UGUI虚线框shader
  • vue2、vue3项目打包生成txt文件-自动记录打包日期:git版本、当前分支、提交人姓名、提交日期、提交描述等信息 和 前端项目的版本号json文件
  • chirpstack v4版本 全流程部署[ubuntu+docker]
  • DeepSeek 赋能数字孪生:重构虚实共生的智能未来图景
  • 每日一道leetcode(增加版)
  • 数字信号处理-大实验1.1
  • Java大厂求职面试:探讨Spring Boot与微服务架构
  • SAP ABAP 中驼峰字段名转 JSON 的实现方案
  • 对抗性机器学习:AI模型安全防护新挑战
  • [[春秋云境] Privilege仿真场景
  • Redis学习打卡-Day3-分布式ID生成策略、分布式锁
  • 计算机网络:怎么理解调制解调器的数字调制技术?
  • 数据库第二次作业--SQL的单表查询与多表查询
  • 在Cursor中启用WebStorm/IntelliJ风格快捷键
  • vue3:十三、分类管理-表格--编辑、新增、详情、刷新
  • c#基础01(.Net介绍)
  • Go语言之路————并发
  • Logrotate:配置日志轮转、高效管理Linux日志文件
  • 贵州某建筑物挡墙自动化监测
  • nginx服务器实验
  • 【算法】滑动窗口动态查找不含重复字符的最长子串
  • 高速光耦在通信行业的应用(五) | 5Mbps通信光耦的特性