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-11Vue中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-03Vue中在data里面調(diào)用method方法的實現(xiàn)
這篇文章主要介紹了Vue中在data里面調(diào)用method方法的實現(xiàn),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-06-06