最近開(kāi)發(fā)了一個(gè)項(xiàng)目，頭一回使用electron，很多寫代碼的習(xí)慣都還是原來(lái)的。
有個(gè)功能是切換菜單，UI是要按鈕變色，本來(lái)想用icon應(yīng)付一下，但是又不想去收集icon，就用了他UI的圖片。沒(méi)想到啊！給我炸出一個(gè)坑來(lái)了

// ts數(shù)據(jù)是這樣的
{
    title: "首頁(yè)",
    activeIcon: Icon_0_0,  // 這是后來(lái)的想法，這個(gè)方式需要在vite-env.d.ts文件配置一下導(dǎo)入
    defaultIcon: Icon_0_1
  },
  {
    title: "個(gè)人中心",
    activeIcon: "/src/assets/img/tabbar/1-1.png", // 這是本來(lái)的想法，進(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)圖片是有問(wèn)題的（本質(zhì)上是協(xié)議路徑錯(cuò)誤）

1

2

所以還是老老實(shí)實(shí)引入后再進(jìn)行動(dòng)態(tài)圖片吧