Vue-pdfはPDFファイルのオンラインプレビューを実装します

npm インストール --save vue-pdf

<テンプレート>
    <div>
        <el-行>
            <el-button @click="onPreview" size="small">プレビュー</el-button>
        </el-row>
        <el-dialog title="契約書添付ファイルのプレビュー" :visible.sync="viewVisible" center width="60%" @close='closePreview'>
            <el-row :gutter="20">
                <span>合計 {{pageCount}} ページ、現在のページ {{pdfPage}}</span>
                <el-button type="text" size="mini" @click.stop="previousPage">前のページ</el-button>
                <el-button type="text" size="mini" @click.stop="nextPage">次のページ</el-button>
            </el-row>
            <div>
                <pdf :src="src" :page="pdfPage" @num-pages="pageCount = $event" @page-loaded="pdfPage = $event" style="display: inline-block; width: 100%"></pdf>
            </div>
        </el-ダイアログ>
    </div>
</テンプレート>
<スクリプト>
'vue-pdf' から pdf をインポートします
'@/store/' からストアをインポートします
エクスポートデフォルト{
    コンポーネント:{
        pdf
    },
    データ（）{
        戻る {
            viewVisible: false、
            ソース: null、
            pdfページ: 1,
            ページ数: 0,
            トークン: store.getters.access_token、
        }
    },
    方法:{
        プレビュー(){
            this.src = pdf.createLoadingTask({
                URL: 'http://localhost:8082/file/demo.pdf',
                httpHeaders: {Authorization:'Bearer'+ this.token}
            });
            this.src.promise.then(pdf => {
                this.viewVisible = true;
            });
        },
        プレビューを閉じる(){
            this.pdfページ = 1;
        },
        前のページ(){
            p = this.pdfページとする
            p = p > 1 ? p-1 : this.pageCount
            this.pdfページ = p
        },
        次のページ(){
            p = this.pdfページとする
            p = p < this.pageCount ? p+1 : 1
            this.pdfページ = p
        }
    }
}
</スクリプト>

this.src = pdf.createLoadingTask({
    URL: 'http://localhost:8082/file/demo.pdf',
});

httpHeaders: {Authorization:'Bearer'+ this.token}

this.src.then(pdf => {
    this.viewVisible = true;
})

TypeError: this.src.then は関数ではありません
    VueComponent.onPreview (index.vue?6ced:241) で
    クリック時 (index.vue?aaff:261)
    呼び出し時にエラー処理 (vue.runtime.esm.js?2b0e:1854)
    VueComponent.invoker (vue.runtime.esm.js?2b0e:2179) で
    呼び出し時にエラー処理 (vue.runtime.esm.js?2b0e:1854)
    VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3888) で
    VueComponent.handleClick (element-ui.common.js?5c96:9413) で
    呼び出し時にエラー処理 (vue.runtime.esm.js?2b0e:1854)
    HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179) で
    HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6917) で

this.src.promise.then(pdf => {
    this.viewVisible = true;
});