¿como puedo interpolar una variable con el alias(@) en una etiqueta img de un componente vue?

Pregunta de la clase:
marco antoni condori chipana

marco antoni condori chipana

Pregunta
student
hace 7 años

pensaba hacerlo algo asi pero no me funciona, intente haciendo un computed pero nose como llamar el ‘@’ desde ahi

img(src="@${step.partaker.image}")

con un computed seria asi

computed: { sourceImage() { return "@" + this.step.partaker.image } } //dentro del componente estaria asi img(:src="sourceImage")

estas dos maneras no me funcionaron

1 respuestas
para escribir tu comentario
    Edward Steven Ramos Palacios

    Edward Steven Ramos Palacios

    teacher
    hace 6 años

    Puedes intentarlo de la siguiente manera:

    Un método para carga onDemand de assets, funciona también con components.

    <template> <img :src="loadAssets(step.partaker.image)"/> </template> methods: { loadAssets(name) { return () => import(`@/assets/images/${name}.png`) } }
Curso Profesional de Vue.js

Curso Profesional de Vue.js

Aprende a crear aplicaciones profesionales con Vue.js. Gestiona el estado con Vuex, junto a rutas modernas con Vue Router. Implementa autenticación con JSON Web Tokens y mejora la UI con transiciones. Lleva tus proyectos a producción usando Now.

Curso Profesional de Vue.js
Curso Profesional de Vue.js

Curso Profesional de Vue.js

Aprende a crear aplicaciones profesionales con Vue.js. Gestiona el estado con Vuex, junto a rutas modernas con Vue Router. Implementa autenticación con JSON Web Tokens y mejora la UI con transiciones. Lleva tus proyectos a producción usando Now.