在vue中寫動態展示圖標的需求時,遇到個小坑:
需求:(根據權限動態展示圖標,如果沒有顯式默認圖標)

錯誤寫法1:

錯誤寫法2:

報錯:(實際img文件夾是有這些圖片的,沒找到)

審查元素發現:(圖片並沒有被打包,顯示引入路徑)

解決辦法:
方法一: 使用require引入圖片:

方法二: 使用img的onerror屬性:

審查元素已經被成功打包轉為base64:
在vue中寫動態展示圖標的需求時,遇到個小坑:
需求:(根據權限動態展示圖標,如果沒有顯式默認圖標)
錯誤寫法1:
錯誤寫法2:
報錯:(實際img文件夾是有這些圖片的,沒找到)
審查元素發現:(圖片並沒有被打包,顯示引入路徑)
解決辦法:
方法一: 使用require引入圖片:
方法二: 使用img的onerror屬性:
審查元素已經被成功打包轉為base64:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。