vant部分组件在移动端点击失效

231 阅读1分钟

最近在做一个需求,需要在移动端弹框加上关闭按钮,并支持关闭后自定义事件,效果如下

微信图片_20231221144119.jpg

相关代码如下,在vant的dialog组件里加了一个vant的icon,使用click触发自定义的handleBack事件,在微信开发者工具以及谷歌模拟移动端环境下,均能触发;部署到测试环境,在iPhone手机打开,发现该事件失效。

微信图片_20231221144130.jpg

后尝试用@click.native,@click.stop 解决,均无效。 最后在icon外层套了一个div,将事件绑定在该div上,成功解决。