[隨手記]vue項目動態生成的img地址信息，webpack無法打包問題

原創 tom_wong666 2020-07-05 10:48

問題

vue項目動態生成的img地址信息，webpack無法打包問題

// 這樣動態引入的地址，地址無效，因爲沒有被打包
<img  :src=" imgSrc ">

Webpack資源打包時的特點

webpack不會對動態生成的資源地址打包，webpack不會對動態生成的資源地址打包。

解決方法

手工require引用動態資源

<img  :src=" require( imgSrc ) ">
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

(2019) Windows Charles 配置 IPhone 抓包不成功的解決方案

工具: - Windows 10 - Charles v4.5.1 - iPhone 8p Charles License Registered Name: https://zhile.io License Key: 4889

geekqian 2020-07-07 14:29:30

Android 播放動態圖片組件(隨手記)

https://github.com/koral--/android-gif-drawable

虚无缥缈_ny 2020-07-05 23:19:50

Android ListView和GridView去掉滾動效果

          做過的項目裏面認爲列表使用的最多了，用時候需要ListView嵌套ListView或是ListView嵌套GridView，或是ScrollView嵌套ListView或是GridView ,發現滾動嵌套滾動會有佈局顯

虚无缥缈_ny 2020-07-05 23:19:50

android設置時間[隨手記]

/** * 設置系統時間 * * @param date */ public static final void setSystemTime(Date date) { try { Process proces

虚无缥缈_ny 2020-07-05 23:19:50

[隨手記]CSS sticky定位的特性

CSS sticky定位的特性 position屬性中最有意思的就是sticky了，設置了sticky的元素，在屏幕範圍（viewport）時該元素的位置並不受到定位影響（設置是top、left等屬性無效），當該元素的位置將要移出

tom_wong666 2020-07-05 10:48:40

[隨手記]h5播放器屬性和自定義播放器

版權說明： 本文整理轉載自 《Professional JavaScript for Web Developers, 3rd Ed》（《JavaScript高級程序設計（第3版）》） 以備參閱和交流，如有侵權，請聯繫博主刪除 郵箱

tom_wong666 2020-07-05 10:48:40

[隨手記]轉載：5行代碼實現H5掃一掃

原作者：版祖 原文鏈接： https://blog.csdn.net/sysdzw/article/details/80810345#commentBox 在你的網頁中加入代碼： <a href="http://sao315.co

tom_wong666 2020-07-05 10:48:40

一些軟件設計的個人見解

先功能，後約束 約束： 輸入約束 邊界值處理 自頂向下，逐步細化

csdn果冻柠檬 2020-07-05 08:48:40

二進制文件與文本文件區別與聯繫？

任何文件的存儲在物理上是二進制的，所以文本文件與二進制文件的區別並不是物理上的，而是邏輯上的。這兩者只是在編碼層次上有差異。 簡單來說，文本文件是基於字符編碼的文件，常見的編碼有 ASCII、UNICODE、UTF-8 編碼。二進

csdn果冻柠檬 2020-07-05 08:48:40

pr 使用心得

常用快捷鍵： J: 倒放 L: 快放

csdn果冻柠檬 2020-07-05 08:48:40

openresty獲取環境變量

最近開發中，使用openresty獲取環境變量時遇到一些問題，在此記錄一下。 默認情況下，nginx 會移除所有從父進程繼承的環境變量，如果你想使用這些環境變量，需要使用該指令顯示告知nginx不要移除你指定的環境變量。而且你也

郝尼玛 2020-07-05 06:37:20

openresty中通過capture執行子請求不通過access_by_lua階段的解釋

在openresty中，執行capture時會跳過access階段。 參加agentzh在郵件列表中的說法： ngx.location.capture() 發起的是 nginx 子請求。根據 nginx 的設計，所有的子請求（不

郝尼玛 2020-07-05 06:37:20

Eclipse常用

用來記錄自己使用過程中百度到的問題 1、修改字體：Window - Preference 2、修改背景色：Window - Preference 3、中文亂碼 首先點擊有亂碼的java文件右鍵，選擇Properties 該

谁的小小小情绪 2020-07-05 01:01:51

spring mvc 攔截器 攔截路徑

/** 攔截所有請求 /*  攔截當前一級 /  攔截最初的頁面 參考博客：http://blog.csdn.net/u014520797/article/details/52893474

沉年 2020-07-04 13:19:24

CASIA-HWDB2.x 數據集DGRL文件解析（python）

CASIA-HWDB 數據集是最常見的手寫漢字識別數據集，它包含脫機、聯機兩部分，分單字、文本行兩種類型： HWDB1.x：脫機單字，1.0~1.2 三個版本，數據格式爲 .gnt OLHWDB1.x：聯機單字，1.0~1.2

dagongji10 2020-07-02 19:21:58