Actualmente estoy cambiando a vite con vuejs y tengo el siguiente problema:
Tengo un componente en la depuración que muestra imágenes de una carpeta:
imageArray: [ require ("../ assets / dummies / Mission -1.jpg"), require ("../ assets / dummies / Mission -2.jpg"), require ("../ assets / dummies / Mission -3.jpg"), require ("../ assets / dummies / Mission -4.jpg") ]en el componente es el siguiente div
<div: class = "bgClass" v-if = "isDebug () == true"> </div>entonces existe la siguiente clase dinámica con un rico simple que puede desplazarse por las imágenes.
computed: { bgClass: function () { return { backgroundImage: 'url (' + this.imageArray [this.imagePos] + ')', ... } } }Requerido no está disponible en Vite, y no me gustaría convertir los componentes antiguos de vue2 a la API de composición de vue3.
¿Cómo puedo simplemente cargar las imágenes en una matriz y desplazarme por el componente?
Puedes crear la función:
verifique los documentos de vite
const useImage = ((url) => { return new URL(`/src/${url}`, import.meta.url).href; });y crea una propiedad global (en main.js):
app.config.globalProperties.$image = useImage;entonces úsalo como:
$image(imageUrl)