vue打开viewer.html,vue-pdfviewer.html

vue-pdfviewer

@closepdf="closepdf"

v-model="isshowpdf"

:pdfurl="pdfUrl"

@pdferr="pdferr"

:maxscale='4'

:minscale='0.6'

:scale='1.1'>

var vueApp = new Vue({

el: '#UApp',

// router,

components: {

pdfviewer

},

mounted() {

console.log('mounted');

},

data() {

return {

isshowpdf: false,

currentPage: 0,

pageCount: 0,

pdfUrl: 'https://www.nvidia.com/content/dam/en-zz/zh_cn/Solutions/Data-Center/tesla-v100/volta-v100-datasheet-update-a4-nv-636418-r4-lr.pdf',

}

},

methods: {

closepdf(){

this.isshowpdf = false

},

pdferr(errurl) {

console.log(errurl);

}

},

});

console.log('欢迎查看开发者Vue调试报告');

一键复制

编辑

Web IDE

原始数据

按行查看

历史