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

微信小程序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.xdnf.cn/news/6409.html

相关文章:

  • Spring 模拟转账开发实战
  • 什么是红海战略?了解红海战略的竞争目标
  • (面试)Handler消息处理机制原理
  • 基于Deeplearning4j的多源数据融合预测模型实现:从设计到落地全解析
  • 【frp XTCP 穿透配置教程
  • 关于AI人工智能的知识图谱简介
  • 2025认证杯数学建模第二阶段A题小行星轨迹预测思路+模型+代码
  • Framebuffer显示bmp图片
  • 【实证分析】MDA文本相似度分析(2008-2023年)
  • 基于redis实现分布式锁方案实战
  • Linux:理解文件系统
  • 网络损伤仪功能介绍与应用场景剖析
  • Java详解LeetCode 热题 100(17):LeetCode 41. 缺失的第一个正数(First Missing Positive)详解
  • JavaScript的BOM、DOM编程
  • Java并发编程:CAS操作
  • java调用get请求和post请求
  • 无人机屏蔽与滤波技术模块运行方式概述!
  • Git命令总结
  • 视频质量分析时,遇到不同分辨率的对照视频和源视频,分辨率对齐的正确顺序。
  • Linux515 rsync定时备份
  • 使用LoRA微调Qwen2.5-VL-7B-Instruct完成电气主接线图识别
  • Android 图片自动拉伸不变形,点九
  • Linux 系统中的文件系统层次结构和重要目录的用途。
  • 隆重推荐(Android 和 iOS)UI 自动化工具—Maestro
  • 浏览器宝塔访问不了给的面板地址
  • CSS图片垂直居中问题解决方案
  • 【数据结构入门训练DAY-35】棋盘问题
  • 本地文件操作 MCP (多通道处理) 使用案例
  • 使用 TypeScript + dhtmlx-gantt 在 Next.js 中实现
  • docker(四)使用篇一:docker 镜像仓库