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

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

解决方法

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

安装模块:

1
npm i '@vant/touch-emulator' -S

引入模块

在main.js中引入即可

1
import '@vant/touch-emulator';