如何在vue中使用動態使用本地圖片路徑


不知道各位小伙伴有沒有在開發遇到一個問題,就是在線上的項目使用后台返回本地圖片路徑,然后加載不上的情況呢?

我的解決方法就是:先在項目的data下定義好這樣一個數組用於存放需要加載的路徑

[

  {name:"張山" url:require(./img/zhangshan.png)} ,

  {name:"李四" url:require(./img/zhangshan.png)} ,

  {name:"老王" url:require(./img/zhangshan.png)}

],

通過后台傳過來的字段匹配上然后就可以把本地url 替換接口的路徑然后大功告成!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM