Vue3 安裝v-viewer的方法,并在页面中简单使用

一、执行命令 npm install v-viewer@next

（第一次试的npm install v-viewer --save没安装成功）

二、在main.js中引入

//  v-viewer：图片预览、缩放、翻转

import 'viewerjs/dist/viewer.css'

import Viewer from 'v-viewer'

 

app.use(Viewer, {

  defaultOptions: {

    zIndex: 9999,

    toolbar: false,

    transition: false,

    title: false,

    navbar: false,

    // button:false,

    scalable: false,

    rotatable: false,

    tooltip: false,

    inline: false,

  }

})

三、需要用到图片查看器的页面加v-viewer就可以了