vant pc端 swipe 组件鼠标滑动失效或者异常

最新推荐文章于 2024-09-04 23:21:47 发布

nnlss

最新推荐文章于 2024-09-04 23:21:47 发布

阅读量738

点赞数 4

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_38233172/article/details/138958378

版权

官网桌面端适配 Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.

全局引入import "@vant/touch-emulator"; 之后，在pc端鼠标拖动达不到移动端的效果需要增加

@dragstart.prevent 阻止pc 端默认的拖动事件，利用@vant/touch-emulator将鼠标事件转换成touch事件

    <van-swipe
      indicator-color="white"
      lazy-render
      :autoplay="3000"
      @dragstart.prevent
    >
      <van-swipe-item v-for="image in images" :key="image?.id">
        <img :src="image?.imgUrl" alt="img" />
      </van-swipe-item>
    </van-swipe>