pdf->build,web(viewer)應該放在static

pdf元件

<template>
  <view class="content u-padding-0">
    <iframe
      width="100%"
      frameborder="0"
      scrolling="no"
      style="width: 100%; height: 100%; min-height: 450px"
      :src="pdfSrc"
    ></iframe>
  </view>
</template>

<script>
import { mapState, mapMutations } from 
 
"vuex";

export default {
  components: {},
  props: {
    src: {
      type: String,
    },
  },
  data() {
    return {
      dataList: [],
      htmlstr1: "",
      pdfSrc: "",
    };
  },
  methods: {
    loadPDF() {
      //pdfSrc ：pdf存放的檔案路徑，可以是本地的，也可以是遠端，這個是遠端的，親測可以用，用決對路徑避免打包404
      //ie有快取加個隨機數解決 + '?r=' + new Date()
 

      // 508257834648080384

      let pSrc = this.src + "?r=" + new Date();
      this.pdfSrc =
        "./static/pdf/web/viewer.html?file=" + encodeURIComponent(pSrc) + ".pdf";
  console.log(this.pdfSrc,"this.pdfSrc")
  },
  },
  mounted: function () {
    this.loadPDF();
  },
};
</script>

<style lang="scss" scoped>
.order {
  
 
/deep/.u-table {
    .u-tr,
    .u-td {
      height: 45px;
      line-height: 45px;
    }
  }
}
</style>

引用