Vue3+vite+ts+viewer 图片预览

安装

npm install viewerjs v-viewer --save

使用

引用 main.js
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'
 const app = createApp(App);
app.use(VueViewer).mount('#app')

调用

import { api as viewerApi } from "v-viewer";
//图片列表，可以多张
const imags = [{
  src: "图片地址",
          "data-source": "图片地址",
}]
//具体调用代码
viewerApi({
    images:imags 
  });

效果图

image.png