1、安裝v-viewer
npm install v-viewer --save
2讳嘱、main.js中引入并注冊
import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
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'
}
})
3幔嗦、在v-html綁定的dom上，加上v-viewer
image.png
效果圖：
image.png
祝各位工作順利~
