记在vue3使用v-viewer插件的坑

项目背景： 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
})

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