由于vant是移动端的组件库,对pc端会有兼容性问题,例如Swipe,移动端是@touch,该组件做了相应的监听,而PC端是@mouse,没有做对应的监听,因此在pc端无法用鼠标拖动图片
安装
cnpm i @vant/touch-emulator --save
引入
import '@vant/touch-emulator'
img加事件@dragstart.prevent
<van-swipe style="width: 100%; height: auto" @change="onChange">
<van-swipe-item
style="text-align: center"
v-for="(image, index) in imgList"
:key="index"
>
<img
@dragstart.prevent
:src="image.imageUrl"
alt=""
style="width: 70%"
v-if="image.imageUrl"
/>
</van-swipe-item>
</van-swipe>