這篇文章主要介紹了Vue中如何實現(xiàn)img的src是動態(tài)渲染時不顯示，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)隆林免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了成百上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

今天在項目中遇到一個需求，設(shè)計稿如下

就是展示用戶頭像，數(shù)據(jù)從后端獲取，要是沒有拿到則顯示默認圖片。

項目采用vue開發(fā)，本人也是第一次在實際項目中使用vue。

自然而然采用條件渲染，我的代碼如下：

保存運行查看，發(fā)現(xiàn)沒顯示默認的圖片，審查元素發(fā)現(xiàn)圖片沒有被打包

有點懵~

后來查閱資料發(fā)現(xiàn)圖片使用require引入即可，更改后代碼為：

搞定~

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Vue中如何實現(xiàn)img的src是動態(tài)渲染時不顯示”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、網(wǎng)站設(shè)計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：Vue中如何實現(xiàn)img的src是動態(tài)渲染時不顯示-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/dipscc.html