项目背景: vue3 + yarn + electron

项目需求,需要做图片预览的功能,因为功能都是写在js文件里,所以平常组件形式的插件就不能使用,找了几款找到这款

一开始找的教程,都是npm install v-viewer -S,所以我一直用yarn add v-viewer -S 来进行安装,导致每次都报错,最后找到一篇文章,安装命令: yarn add v-viewer@next,安装成功,完美
js文件引入:   

import 'viewerjs/dist/viewer.css'

import { api as viewerApi } from "v-viewer"

使用:

const $viewer = viewerApi({
    options: {
        toolbar: true,
        url: 'imgUrl',
        initialViewIndex: 1
    },
    images: res.data
})

我传入的数据格式是对象,要是数组,你们自行看文档
官方文档
 

Logo

前往低代码交流专区

更多推荐