最近開發(fā)了一個(gè)項(xiàng)目镊讼，頭一回使用electron题翻，很多寫代碼的習(xí)慣都還是原來的揩徊。
有個(gè)功能是切換菜單，UI是要按鈕變色嵌赠，本來想用icon應(yīng)付一下塑荒，但是又不想去收集icon，就用了他UI的圖片猾普。沒想到巴嗫弧！給我炸出一個(gè)坑來了
// ts數(shù)據(jù)是這樣的
{
title: "首頁",
activeIcon: Icon_0_0, // 這是后來的想法初家，這個(gè)方式需要在vite-env.d.ts文件配置一下導(dǎo)入
defaultIcon: Icon_0_1
},
{
title: "個(gè)人中心",
activeIcon: "/src/assets/img/tabbar/1-1.png", // 這是本來的想法偎窘，進(jìn)行動(dòng)態(tài)圖片
defaultIcon: "/src/assets/img/tabbar/1-0.png"
}
// html 是這樣寫的
<img :src="item.activeIcon.toString()">
效果在瀏覽器上是正常的乌助，但是桌面應(yīng)用就需要使用file://協(xié)議，這個(gè)方式動(dòng)態(tài)圖片是有問題的（本質(zhì)上是協(xié)議路徑錯(cuò)誤）
1
2
所以還是老老實(shí)實(shí)引入后再進(jìn)行動(dòng)態(tài)圖片吧
