vant imagepreview预览图片放大后如何进行拖动

Vant是一个轻量级的Vue组件库，其中ImagePreview组件用于预览图片。在Vant的ImagePreview中，当你放大图片后，通常会有一个缩放视图，用户可以通过手势来进行拖动操作。默认情况下，你可以通过双指捏合手势来缩放图片，然后单指滑动即可左右或上下移动图片。

如果你想要提供更精确的手势控制，可以在`options`配置项中自定义`zoomControls`和`panHandlers`。例如：

import ImagePreview from 'vant/image-preview'

export default {
  components: {
    ImagePreview,
  },
  data() {
    return {
      previewOptions: {
        zoomControls: {
          enable: true,
          minZoom: 0.5, // 设置最小缩放比例
          maxZoom: 4, // 设置最大缩放比例
        },
        panHandlers: {
          enable: true, // 开启平移处理
          preventDefault: false, // 是否阻止默认的滚动行为
        },
      },
    }
  },
}

这将启用缩放和拖动功能，并允许用户调整缩放范围和是否阻止默认滚动事件。记得在创建ImagePreview实例时传入这个选项：

<image-preview :options="previewOptions" />