// data為後端給的base64格式的pdf
import { data } from "../../tempData";
import pdf from 'vue-pdf'
// 解決部分文字不顯示的問題
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
// html
<pdf v-for="i in numPages" :key="i" :src="src" :page="i" ref="myPdfComponent"></pdf>
data () {
return {
src: '',
numPages: 0,
page: 1,
currentPage: 0
};
},
components: {
pdf
},
mounted () {
let da = data.fileToBase64
let datas = 'data:application/pdf;base64,' + da
this.src = pdf.createLoadingTask({ url: datas, CMapReaderFactory });
this.src.promise.then(pdf => {
this.numPages = pdf.numPages;
});
},
親測,有效