vue中如何使用embed標簽PDF預(yù)覽
更新時間：2022年05月25日 16:43:43 作者：weixin_38673922
這篇文章主要介紹了vue中如何使用embed標簽PDF預(yù)覽，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用embed標簽PDF預(yù)覽
embed的四個屬性
<el-row type="flex" class="row-bg" justify="space-between">
<el-col :span="12">
<embed
:src='srcSourceLan'
type="application/pdf"
width="90%"
height="700px;"
/>
</el-col>
<el-col :span="12">
<embed
:src="srcTargetLan"
type="application/pdf"
width="90%"
height="700px;"
/>
</el-col>
</el-row>
srcSourceLan和srcTargetLan是請求接口返回的url
預(yù)覽效果：
使用vue-pdf預(yù)覽開發(fā)正常，打包報錯work.js404
解決方式
修改依賴文件node_modules下worker-loader里的index.js文件里路徑
代碼如下（示例）：
?const filename = _loaderUtils2.default.interpolateName(this, options.name || 'static/js/[hash].worker.js', {
? ? context: options.context || this.rootContext || this.options.context,
? ? regExp: options.regExp
? });以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue 源碼目錄及構(gòu)建過程分析，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-04-04
這篇文章主要給大家介紹了關(guān)于Vue實現(xiàn)返回頂部按鈕的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
這篇文章主要介紹了vue項目實現(xiàn)github在線預(yù)覽功能，本文通過提問兩個問題帶領(lǐng)大家一起學習整個過程,需要的朋友可以參考下2018-06-06
這篇文章主要為大家詳細介紹了vue原生方法自定義右鍵菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要給大家介紹了基于vue通用表單解決方案的思考與分析，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
本文主要介紹了element?表格多級表頭子列固定的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
本篇文章主要介紹了使用vue-cli（vue腳手架）快速搭建項目的方法，vue-cli 是一個官方發(fā)布 vue.js 項目腳手架，使用 vue-cli 可以快速創(chuàng)建 vue 項目，感興趣的小伙伴們可以參考一下2018-05-05
在正式使用Vue進行移動端頁面開發(fā)前,需要做一些前置工作,下面這篇文章主要給大家介紹了關(guān)于vue開發(fā)移動端h5環(huán)境搭建的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了詳解基于iview-ui的導航欄路徑（面包屑）配置,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
這篇文章主要為大家介紹了vue組合式API淺顯入門示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03