vue3 vite 怎么动态引用图片

1、把图片放到public文件夹下。
vue3 vite 怎么动态引用图片_第1张图片
2、使用vite的import.meta.globimport.meta.globEager,两者的区别是前者懒加载资源,后者直接引入。

  <img :src="getSrc('Contact_us')" alt="">
	
  getSrc(name) {
       const path = `./../assets/images/about/${name}.png`;
       const modules = import.meta.globEager("./../assets/images/about/*.png");
       return modules[path].default;
   }

vue3 vite 怎么动态引用图片_第2张图片

你可能感兴趣的:(vue,vite动态引用)