Vant 的 Popup 弹出层怎么在真机上点不消失? 上官爱慧 提问于 2026-03-20 16:07:21 阅读 3 移动 我在用 Vant 的 Popup 组件,设置了 closeable 属性,浏览器里点关闭按钮能正常关闭,但在手机上点没反应,是啥原因? 试过加 z-index 也没用,控制台也没报错,就是点关闭叉号没效果。 <van-popup v-model:show="showPopup" closeable position="bottom"> <div>这是内容</div> </van-popup> 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 程序员晴文 Lv1 遇到这个问题,通用的做法是检查一下点击事件是否被其他元素拦截了。有时候在移动端,触摸事件会被其他元素捕获,导致无法正常关闭 Popup。 你可以尝试给 Popup 添加一个 click-stop 属性,防止事件冒泡被其他元素干扰。修改后的代码如下: 这是内容 另外,确保你的 showPopup 变量绑定正确,并且在方法中能够正确切换其值。有时候逻辑问题也会导致界面响应异常。 如果加了 click-stop 之后还是不行,可以再检查一下是否有其他 JavaScript 代码阻止了默认行为,或者在移动端做了特殊处理。 回复 点赞 2026-03-20 16:09 加载更多 相关推荐 1 回答 34 浏览 Vant Popup 弹出后怎么禁止背景滚动? 我在用 Vant 的 Popup 组件时,发现弹窗打开后页面背景还能滚动,体验很不好。试过加 lock-scroll 属性,但好像没生效? 我的代码是这样的: <van-popup v-mode... 公孙巧玲 组件 2026-03-03 22:59:19 2 回答 290 浏览 Vant的Popup弹出层设置position为bottom后为什么只显示顶部一条线? 在用Vant3的Popup组件做底部弹出层时,设置了position="bottom",但弹出后只能看到内容区域顶部一条细线,里面的内容被压缩成高度0了。我检查过内容区域有固定高度和overflow设... 公孙宇航 组件 2026-02-11 08:11:28 1 回答 40 浏览 Vant的Popup组件如何动态控制弹窗显示? 在用Vant的Popup组件时,我按照文档写了v-model绑定变量,但点击按钮弹窗就是不显示,控制台也没有报错,这是为什么呢? 我这样写的代码: <template> <van-b... 皇甫爱菊 框架 2026-02-18 11:00:37 1 回答 15 浏览 Vant ActionSheet在React中不显示怎么办? 我在用 Vant 的 ActionSheet 组件,按照文档写了代码,但点击按钮后动作面板完全没弹出来,控制台也没报错,这是啥情况? 我试过检查 visible 状态、确认引入了组件,也加了 zInd... 爱学习的义霞 组件 2026-03-20 05:53:21 1 回答 27 浏览 Vant ActionSheet怎么绑定点击事件? 我在用 Vant 的 ActionSheet 做一个底部弹出菜单,但点了选项后没反应。文档里说用 @select,但我试了好像没触发,控制台也没报错。是不是我写法有问题? 这是我的代码: <va... 设计师锦灏 组件 2026-02-25 10:27:17 2 回答 36 浏览 Vant按钮组件在iPhone14上字体和间距变形怎么办? 在React项目里用Vant的按钮组件,按照文档设置了rem基准值,但在iPhone14真机测试时按钮字体突然变大,左右间距也比设计稿宽了很多。 代码配置是这样的: import 'vant/lib/... Designer°一鸣 组件 2026-02-15 15:32:24 2 回答 75 浏览 Vant的NoticeBar怎么设置自动播放间隔? 我在用Vant的NoticeBar做文字滚动时,发现自动播放的间隔时间太短了,改了duration属性没生效,怎么回事? 按照文档写了这样: 设置duration为5000毫秒,但实际滚动间隔还是1秒... Code°海利 组件 2026-01-30 22:36:23 1 回答 4 浏览 Vant的Tab切换后内容没更新怎么办? 我在用 Vant 的 Tab 组件做订单列表,三个 tab 分别是“全部”“待付款”“已完成”,但切换 tab 后页面内容没变,还是第一次加载的数据。 我试过在 @change 事件里重新请求接口,但... ♫梓童 组件 2026-03-20 10:20:24 1 回答 6 浏览 NutUI 的 Popup 组件为什么在 iOS 上滑动卡顿? 我在项目里用 NutUI 的 Popup 做了一个从底部弹出的选择面板,安卓上很流畅,但在 iPhone 上滑动的时候明显卡顿,甚至有时候整个页面都跟着抖。试过加 -webkit-overflow-s... 嘉赫酱~ 框架 2026-03-20 05:04:21 1 回答 6 浏览 Vant的Icon图标不显示怎么办? 我用Vant的Icon组件,但页面上啥也没显示出来,控制台也没报错,是不是哪里漏了? 我已经按文档引入了Icon组件,也确认样式文件加载了,但图标就是空白。试过用name属性指定"success"和"... 皇甫振杰 组件 2026-03-19 19:50:18
你可以尝试给 Popup 添加一个 click-stop 属性,防止事件冒泡被其他元素干扰。修改后的代码如下:
另外,确保你的 showPopup 变量绑定正确,并且在方法中能够正确切换其值。有时候逻辑问题也会导致界面响应异常。
如果加了 click-stop 之后还是不行,可以再检查一下是否有其他 JavaScript 代码阻止了默认行为,或者在移动端做了特殊处理。