首頁 >web前端 >js教程 >在vue中如何實現動態改變靜態圖片以及請求網路圖片

在vue中如何實現動態改變靜態圖片以及請求網路圖片

亚连
亚连原創
2018-06-07 13:59:383025瀏覽

下面我就為大家分享一篇vue 動態改變靜態圖片以及請求網絡圖片的實現方法,具有很好的參考價值,希望對大家有所幫助。

在本身的專案中需要動態請求後端圖片

一般需要在created中寫因為beforeCreate的時候圖片過不來的,如果想在這時候請求資料那麼圖片的位址我們就要存在一個地方。可以是本地也可以是vuex中

靜態圖片想要動態的加入或是改變我們需要改變圖片的目錄結構

把圖片放在static中然後imgUrl :

['/static/clinical.png','/static/nursing.png','/static/function.png','/static/test.png','/static/drug. png','/static/admin.png']

絕對路徑請求

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

在vue-cli專案中proxyTable跨域問題

##express建置查詢伺服器

使用js自訂trim函數刪除兩端空格#

以上是在vue中如何實現動態改變靜態圖片以及請求網路圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn