在vue中寫動態(tài)展示圖標的需求時弧烤,遇到個小坑:
需求:(根據(jù)權限動態(tài)展示圖標忱屑,如果沒有顯式默認圖標)
錯誤寫法1:
錯誤寫法2:
報錯:(實際img文件夾是有這些圖片的,沒找到)
審查元素發(fā)現(xiàn):(圖片并沒有被打包暇昂,顯示引入路徑)
解決辦法:
方法一: 使用require引入圖片:
方法二: 使用img的onerror屬性:
審查元素已經(jīng)被成功打包轉(zhuǎn)為base64:
在vue中寫動態(tài)展示圖標的需求時弧烤,遇到個小坑:
需求:(根據(jù)權限動態(tài)展示圖標忱屑,如果沒有顯式默認圖標)
錯誤寫法1:
錯誤寫法2:
報錯:(實際img文件夾是有這些圖片的,沒找到)
審查元素發(fā)現(xiàn):(圖片并沒有被打包暇昂,顯示引入路徑)
解決辦法:
方法一: 使用require引入圖片:
方法二: 使用img的onerror屬性:
審查元素已經(jīng)被成功打包轉(zhuǎn)為base64: