vue中如何使用embed標(biāo)簽PDF預(yù)覽
更新時間：2022年05月25日 16:43:43 作者：weixin_38673922
這篇文章主要介紹了vue中如何使用embed標(biāo)簽PDF預(yù)覽，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用embed標(biāo)簽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實現(xiàn)Header漸隱漸現(xiàn)效果的實例代碼
這篇文章主要介紹了Vue實現(xiàn)Header漸隱漸現(xiàn)效果,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
Wavesurfer.js是一款基于HTML5?canvas和Web?Audio的聲紋可視化插件，功能十分強大，在Vue框架中嵌入使用該插件，今天重點給大家介紹下vue使用wavesurfer.js解決音頻可視化播放問題，感興趣的朋友一起看看吧2022-04-04
Vue中rem與postcss-pxtorem的應(yīng)用詳解
這篇文章主要介紹了Vue中rem與postcss-pxtorem的應(yīng)用詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
移動端Vue2.x Picker的全局調(diào)用實現(xiàn)
這篇文章主要介紹了移動端Vue2.x Picker的全局調(diào)用實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
從0到1構(gòu)建vueSSR項目之node以及vue-cli3的配置
這篇文章主要介紹了從0到1構(gòu)建vueSSR項目之node以及vue-cli3的配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
Vue.js 是一種流行的 JavaScript 框架,它提供了一種簡單且高效的方式來構(gòu)建用戶界面,在 Vue 中,父子組件之間的雙向綁定是一種常見的需求,下面我們就來學(xué)習(xí)一下vue中父子組件雙向綁定的常用方法吧2023-10-10
給大家分享了關(guān)于Vue.js想成為高手的5個總要知識點，需要的朋友可以學(xué)習(xí)下。2018-04-04
TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器,由JavaScript寫成,TinyMCE是一個根據(jù)LGPL license發(fā)布的自由軟件,你可以把它用于商業(yè)應(yīng)用,這篇文章主要介紹了Vue 富文本編輯器tinymce的安裝教程,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Vue3之修改端口號方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue中在data里面調(diào)用method方法的實現(xiàn)
這篇文章主要介紹了Vue中在data里面調(diào)用method方法的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06