viewer 使用方法
安装
npm install v-viewer --save
使用
main
// 图片预览
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
Options: {
'inline': true,
'button': true,
'navbar': true,
'title': true,
'toolbar': true,
'tooltip': true,
'movable': true,
'zoomable': true,
'rotatable': true,
'scalable': true,
'transition': true,
'fullscreen': true,
'keyboard': true,
'url': 'data-source'
}
})
vue
<viewer :images="photo">
//photo 一定要一个数组,否则报错
<img
v-for="(src,index) in photo"
:src="src"
:key="index"
:onerror="errorImg"
>
</viewer>