记在vue3使用v-viewer插件的坑
项目背景: vue3 + yarn + electron项目需求,需要做图片预览的功能,因为功能都是写在js文件里,所以平常组件形式的插件就不能使用,找了几款找到这款一开始找的教程,都是npm install v-viewer -S,所以我一直用yarn add v-viewer -S 来进行安装,导致每次都报错,最后找到一篇文章,安装命令: yarn add v-viewer@next,安装成功
·
项目背景: 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
})
我传入的数据格式是对象,要是数组,你们自行看文档
官方文档
更多推荐
已为社区贡献1条内容
所有评论(0)