<template><divclass="main">
Main
<img:src="getImg()"alt=""></div></template><scriptsetup>let imgName ='cover.png'constgetImg=()=>{returnnewURL(`/src/assets/imgs/${imgName}`,import.meta.url).href;}</script><stylelang="scss"></style>
使用import.meta.globEager导入指定文件夹中的所有图片
这种可以直接导入指定文件夹下的所有的图片,然后遍历出来
<template><divclass="main">
Main
<imgv-for="k in Object.keys(modules)":src="modules[k].default":key="k"alt=""></div></template><scriptsetup>const modules =import.meta.globEager('/src/assets/imgs/*.png')
console.log(modules);// 打印:{/src/assets/imgs/cover.png: Module, /src/assets/imgs/cover2.png: Module}</script><stylelang="scss"></style>