1.viewer
1、安装依赖
npm install v-viewer --save
2、全局引入
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"
}
})
单张图片--多张图片
http://fengyuanchen.github.io/viewer/
2.el-image
element v.2.12.0新加的功能
<el-image
style="width: 100px; height: 100px"
:src="url"
:preview-src-list="srcList">