Vue3循环展示静态资源

加一个方法 

const getImageUrl = (url) => {
  return new URL(`/src/${url}`, import.meta.url).href;
}

展示的时候调用方法 

<img v-if="item.img" :src="getImageUrl(item.img)"/>

 数组内的img属性, 不能以"/"开头!!!

[{
    id: 1,
    name: '111',
    description: ``,
    img: 'assets/indices/_rp_image_2024-01-24_440c98f0-ba8f-11ee-961f-cb3e73dbaa4f.png'
}]

 

官网地址:

https://vitejs.cn/guide/assets.html

Vue3不使用require, 别试了, 那玩意是webpack的!!!