安装vue-pdf
npm install vue-pdf --save-dev
代码:
<template>
<pdf v-for="i in numPages" :key="i" :src="src" :page="i" ref="pdfTest"></pdf>
</template>
<script>
import {
showBillPDF,
} from '@/api/test'
import pdf from 'vue-pdf'
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
export default {
name: 'Bill',
components: {
pdf
},
data() {
return {
numPages: '',
src: '',
}
},
methods: {
showBill() {
showBillPDF().then(res => {
let datas = 'data:application/pdf;base64,' + res.data.FILE;
this.src = pdf.createLoadingTask({
url: datas,
CMapReaderFactory
});
this.src.promise.then(pdf => {
this.numPages = pdf.numPages;
});
})
},
}
</script>
<style scoped="scoped" lang="scss">
</style>