这个问题通常出现在使用Vant UI库中的弹窗(如Dialog、Toast等)组件时,当设置了closeOnClickOverlay属性(允许点击遮罩层关闭弹窗)后,在点击遮罩层关闭弹窗的过程中,可能由于某些异步操作未正确处理,导致了uncaught (in promise)错误。 2. closeonclickoverlay属性的作用及正确用法 closeOnClickOverlay是Vant UI库中弹窗组...
描述一下问题 van-action-sheet中close-on-click-overlay属性无效 tpatrolPullMenuClose() { this.setData({ show: false }); }, tpatrolPullMenuSelect(event) { console.log(event.detail); }, <van-action-sheet show="{{ tpatrolPullMenuShow }}" actions="{{ tpa...
描述一下问题 在文档中,popup 组件中的 close-on-click-overlay 默认值是 true,即点击蒙层会关闭 Popup。 但实际测试点击蒙层是没有关闭 popup 的。 截图 核心代码 <van-popup show="{{ show }}">内容</van-popup> 环境 设备: 开发者工具 基础库版本: 2.0.0 Vant Weapp 版
close-on-popstate v2.0.5 是否在页面回退时自动关闭 boolean false close-on-click-overlay 是否在点击遮罩层后关闭弹窗 boolean false lazy-render 是否在显示弹层时才渲染节点 boolean true lock-scroll 是否锁定背景滚动 boolean true before-close 关闭前的回调函数, 调用done() 后关闭弹窗, 调用done(false) ...
overlay 是否展示遮罩层 boolean true overlayClass v2.2.7 自定义遮罩层类名 string - overlayStyle v2.2.7 自定义遮罩层样式 object - closeOnPopstate v2.0.5 是否在页面回退时自动关闭 boolean false closeOnClickOverlay 是否在点击遮罩层后关闭弹窗 boolean false ...
onClose() { this.setData({ close: false }); } }); 复制代码 常规用法——无标题 直接使用van-dialog组件,通过组件的show属性来控制其是否展示,组件内部嵌套的其他组件或标签是dialog组件的内容,不使用use-title-slot且不传递title属性,如下所示:
{ 3442 "name" : "overlay" , 3443 "default" : "`true`" , 3444 "description" : "是否显示遮罩层" , 3445 "value" : { 3446 "type" : "boolean" , 3447 "kind" : "expression" 3448 } 3449 }, 3450 { 3451 "name" : "close-on-click-overlay" , 3452 "default" : "`true`" , ...
Sku: 默认开启 close-on-click-overlay 属性 #6631 Icon: 新增 enlarge 扩大图标 1c97b1 Image: 新增 default 默认插槽 #6613 ImagePreview: 新增 swipeTo 方法 #6596 ImagePreview: 新增 get-container 属性 39b5be NoticeBar: 优化重新开始滚动的间隔 022196 TreeSelect: 新增 selected-icon 属性 #...
closeOnClick 是否在点击后关闭 boolean false closeOnClickOverlay 是否在点击遮罩层后关闭 boolean false loadingType 加载图标类型, 可选值为 spinner string circular duration 展示时长(ms),值为 0 时,toast 不会消失 number 2000 className 自定义类名 any - onOpened 完全展示后的回调函数 Function - onClos...