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

微信小程序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.dtcms.com/a/192605.html

相关文章:

  • 嵌软面试每日一阅----FreeRTOS
  • CertiK荣获以太坊基金会两项资助,领跑zkEVM形式化验证
  • 【专栏启动】开篇:为什么是 Django + Vue3?测试平台的技术选型与架构蓝图
  • 基于微信小程序的在线聊天功能实现:WebSocket通信实战
  • C++从入门到实战(十五)String(上)介绍STL与String的关系,为什么有string类,String有什么用
  • 【深度学习之四】知识蒸馏综述提炼
  • Vue2在子组件上使用v-model实现数据的双向绑定、.sync修饰符
  • Windows软件插件-写mp3
  • 全链路压测实战指南:从理论到高可用架构的终极验证
  • 【Python】在vscode利用pyinstaller中的.spec文件把py项目打包为.exe实现非py环境下使用的操作步骤
  • 【实战教程】从零实现DeepSeek AI多专家协作系统 - Spring Boot+React打造AI专家团队协作平台
  • wps excel将表格输出pdf时所有列在一张纸上
  • 28、动画魔法圣典:Framer Motion 时空奥义全解——React 19 交互动效
  • 智能手表集成测试报告(Integration Test Report)
  • lesson02-PyTorch开发环境安装
  • 游戏行业DDoS攻击类型及防御分析
  • 详细解释api
  • MySQL 迁移至 Doris 最佳实践方案
  • std::deque和std::vector对比
  • 使用Python与正则表达式高效提取Excel中的票号数据
  • CSS 布局系统深度解析:从传统到现代的布局方案
  • 1C:ENTERPRISE 8.3 实用开发者指南-示例和标准技术(Session1-Session3)
  • Android开发-在应用之间共享数据
  • 使用 Modern CMake 构建现代 C++ 项目:target从入门到实践
  • RK3568下QT实现输入框支持虚拟键盘
  • PYTHON训练营DAY26
  • 《Navicat之外的新选择:实测支持国产数据库的SQLynx核心功能解析》
  • 深入理解JavaScript中的闭包:原理、应用与常见问题
  • Web3.0:互联网的去中心化未来
  • 2505C++,py和go调用雅兰亭库的协程工具