vue-pdf预览base64数据为pdf

// data为后端给的base64格式的pdf
import { data } from "../../tempData";
import pdf from 'vue-pdf'
// 解决部分文字不显示的问题
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
// html
    
  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;
    });
  },

亲测,有效

你可能感兴趣的:(vue,javascript,vue.js,html5)