移动端开发Vant,Popover点击外面无法关闭?
前言:在进行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'; |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 AliveSeven's Blog!
评论