v-viewer图片查看

1.安装

yarn add v-viewer

2.全局安装

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer, {
    defaultOptions: {
        zIndex: 9999,
    button:false,
    navbar:false,
    title:false,
    toolbar:false
    }
})

3.使用

　　3.1基本使用

<viewer :images="images">
   <img v-for="src in images" :src="src" :key="src">
</viewer>

　　3.2富文本使用

<div v-viewer>
    <div  v-html="data.content" ></div>
</div>

4.属性