我遇到問題:
? ? ? ?我在做項(xiàng)目的時候,要根據(jù)后臺給我返回的天氣數(shù)據(jù),然后動態(tài)的顯示天氣的圖片,比如后臺給我返回的數(shù)據(jù)是“晴”,那么大屏就要顯示晴的圖片,如果,后臺給我返回的數(shù)據(jù)是“陰”,那么我就需要在大屏上顯示陰的圖片,但是我在給src動態(tài)的設(shè)置地址的時候,就出現(xiàn)了問題,圖片展示不出來,后來我查了一下,圖片顯示不出來的原因是動態(tài)添加的src被當(dāng)做靜態(tài)資源處理了,沒有進(jìn)行編譯,需要加上require。
解決方法:
1. 我們可以先定義天氣的狀態(tài)以及不同天氣對應(yīng)的不同的圖片,如下:
?2. 寫一個方法來接受后臺返回來的天氣狀態(tài),然后把獲取到的天氣狀態(tài)賦值給src.
3. 使用三元運(yùn)算符進(jìn)行判斷,根據(jù)不同的天氣狀態(tài)顯示不同的天氣圖片。
總結(jié):文章來源:http://www.zghlxwxcb.cn/news/detail-633043.html
我自己實(shí)驗(yàn)過了沒有問題,可以顯示出來,但是我感覺應(yīng)該還有更簡單的方法,同志們你們?nèi)绻懈玫母唵蔚姆椒梢詫懺谙旅娴脑u論里面。文章來源地址http://www.zghlxwxcb.cn/news/detail-633043.html
到了這里,關(guān)于vue中如何動態(tài)配置img標(biāo)簽的src的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!