vue中pdf.js的使用之pdf显示、跳转指定页面及高亮关键词

<template>
    <div>
        <iframe  id="myIframe" :src="iframeSrc" width="100%" height="100%"></iframe>
    </div>
</template>

<script>
export default {
    components: {},
    data() {
        return {
            iframeSrc: "../../../static/pdfjs/web/viewer.html",
        };
    }, 
}

search() {
            const _iframe = document.getElementById('myIframe').contentWindow
            _iframe.PDFViewerApplication.eventBus.dispatch("find", {
                source: "",
                type: "",
                query: "政府组织",
                phraseSearch: "",
                caseSensitive: false,
                entireWord: false,
                highlightAll: true,   //是否所有高亮
                findPrevious: true,
                matchDiacritics: true
            },);
            // 利用updatefindcontrolstate统计每页搜索条数
            _iframe.PDFViewerApplication.eventBus.on('updatefindcontrolstate', (e) => {
                console.log(e)
                console.log(e.source._pageMatches);//这里面是一个数组，
            })
        },

const DEFAULT_SCALE_VALUE = "auto"

// 修改成

const DEFAULT_SCALE_VALUE = "page-actual"    //实际大小

async _writeToStorage() {
    const databaseStr = JSON.stringify(this.database);
    // 清除pdf缓存  注销这句代码
    // localStorage.setItem("pdfjs.history", databaseStr);
  }
 // 不起作用就在注释这句代码，
 async _writeToStorage(prefObj) {
    // localStorage.setItem("pdfjs.preferences", JSON.stringify(prefObj));
 }

getObjectURL(file) {
    let url = null
    if (window.createObjectURL !== undefined) { // basic
      url = window.createObjectURL(file)
    } else if (window.webkitURL !== undefined) { // webkit or chrome
        try {
          url = window.webkitURL.createObjectURL(file)
        } catch (error) {
          console.log(error)
        }
    } else if (window.URL !== undefined) { // mozilla(firefox)
        try {
          url = window.URL.createObjectURL(file)
        } catch (error) {
          console.log(error)
        }
    }
      return url
    },


你的pdfUrl=getObjectURL(file)

defaultOptions.locale = {

    // value: navigator.language || "en-US",

    value: "zh-Cn",

    kind: OptionKind.VIEWER

  };

const ViewerCssTheme = {
  AUTOMATIC: 0, //跟随浏览器颜色
  LIGHT: 1,//亮色
  DARK: 2,//暗色
};