富國(guó)滬深
2019-03-20 18:14:00
從JSON中獲取一個(gè)地址,地址指向本地src/assets目錄下的圖片,將獲取的地址對(duì)象放入<img src="">中時(shí)無法顯示。vue中該組件部分:<div class='contactcells'> <div class='contactcell' v-for='contactinfo in contacts'> <router-link :to="{path:'/details',query:{contactid:contactinfo}}"> <div id="contactunit"> <!-- 這里放置通訊錄頭像 --> <!-- json數(shù)據(jù)在static/data.json中 --> <div class='contactcellimg'> <img :src="contactinfo.headerimg"> </div> <div class='contactcellname'> {{contactinfo.name}} </div> </div> </router-link> </div> </div>但是在顯示時(shí)無法正確顯示圖片,瀏覽器中的html代碼:<img src="../assets/image/zxl.jpg">我是不是缺少了哪個(gè)步驟?
4 回答

qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
別把數(shù)據(jù)(圖片)放在assets文件下 這是webpack配置問題
你的數(shù)據(jù)沒問題,它渲染的時(shí)候發(fā)成了改變
你可以放在static文件下面

慕田峪4524236
TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超5個(gè)贊

一只甜甜圈
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊
添加回答
舉報(bào)
0/150
提交
取消