vant 图片预览使用方法

步骤一: 引入 vant 组件 

vant 网址Vant 2 - Mobile UI Components built on Vue

在main 里面注册 为全局 

步骤二 :

在使用的 文件里面引入 

 

  methods: {
        // 图片预览方法
        handlePreview(index) {
            ImagePreview({
                images: this.filmInfo.photos,
                startPosition: index,
                loop: false, //是否开启循环
                closeable: true,
                closeIconPosition: 'top-left'
            });
        }
    }