vant组件库的SwipeCell组件无法拖动,无法滑动,无样式等问题

使用了vant组件库的SwipeCell组件发现无法滑动,如何把浏览器切换成移动端是可以滑动组件的

切换后可以滑动

查阅了资料,发现是pc端和移动的监听事件是不同的,需要下载一个插件才能在pc端使用

打开终端进行安装,我使用的是pnpm包管理工具,按自己使用的包管理工具来安装

#npm安装touch-emulator
npm i @vant/touch-emulator -S

#yarn安装touch-emulator
yarn add @vant/touch-emulator -S

#pnpm安装touch-emulator
pnpm add @vant/touch-emulator -S

如何在main.js文件中加入这一行配置

import '@vant/touch-emulator';

然后在pc端就可以拖动和滑动了,这个组件在pc端有点难拖动,多试几次就好了

如果发现组件没有样式的话,在上方导入对应的样式就可以了,这里导入的是SwipeCell组件样式,同理,发现哪个组件没样式就导入哪个组件的样式就可以了

import 'vant/es/swipe-cell/style'