加载中...

AliveSevenの博客

移动端开发Vant,Popover点击外面无法关闭?

发表于: 2023-06-10 |

更新于: 2023-06-10 |

字数统计: 323 |

阅读量: 0

前言:在进行HyBridge开发的时候,遇到这样的问题,在移动端端使用Vant中的Popover组件,点击组件外的任意地方能实现组件的关闭,但是到了PC端这个效果就没了

因为Vant中的组件默认适配移动端,在PC端中没法监听到mouse事件。

解决方法

引入@vant/touch-emulator即可,这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件,使得组件能够在桌面端使用。

安装模块:

复制代码
npm i '@vant/touch-emulator' -S

引入模块

在main.js中引入即可

复制代码
import '@vant/touch-emulator';
AliveSeven
一个有趣的博客
文章
0
标签
0
分类
0
目录
©2021 - 2025 By AliveSeven
欢迎来到我的博客,谢谢你能在茫茫人海中发现我