需求:
静态图片放在前端,后台返回name 和 对应 icon 的缩写
一、首先将图片放在public 下,放在assets下打包会找不到
示例创建fylogo文件夹
二、在接口返回函数处理,注意引用的位置…/
dataALL.value.forEach((item) => {
const urlImg = `../../../fylogo/${item.BM}.jpg`
item.logo = new URL(urlImg, import.meta.url).href
})
三、html中 v-for 循环渲染 item.logo即可