vant组件库适配pc端

今天遇到的一个问题就是：利用vant组件本地开发时，使用van-search发现清除按钮失效。官方解释是：Vant 是一个面向移动端的组件库，因此默认只适配了移动端设备，这意味着组件只监听了移动端的 touch 事件，没有监听桌面端的 mouse 事件。
如果你需要在桌面端使用 Vant，可以引入我们提供的 @vant/touch-emulator，这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件，使得组件能够在桌面端使用。

安装模块

npm i @vant/touch-emulator -S
//如果执行时报错如：npm 源文本中存在无法识别的标记。则使用单引号或者双引号包裹住依赖包的名字
npm i '@vant/touch-emulator' -S

引入模块后自动生效

//在main.js中引入
import '@vant/touch-emulator';

这样pc端就可以模拟触发手机端的事件了~