'import.meta.glob() can only accept string literals
I have a vite vue3 project. In the component I try to get the URL of all images from a folder. It works when I write
const images = import.meta.globEager("/src/resources/projects/images/Project1/*.png")
and in a template
<img v-for="(item, key) in images" :key="key" :src="key" />
but each component has a different folder and when I write
const imageFolderUrl = "/src/resources/projects/images/" + this.projectName + "/*.png";
const image = import.meta.globEager (imageFolderUrl);
i get the error import.meta.glob()
can only accept string literals".
How can I load all images url from folder with a dynamic folder name?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|