使用了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'