2

Hola deseo cargar imágenes con VueJs en Laravel pero no puedo de la siguiente forma.

Dato.image contiene el nombre de la imagen

<img src="/images/{{Dato.image}}" class="img-responsive" height="70" width="90">
2
  • el Tag image está en un archivo blade o en un archivo .vue ?
    – Dev. Joel
    el 27 sep. 2018 a las 22:12
  • {{Dato.image}} es vue despues de hacer un v-for el 28 sep. 2018 a las 1:47

1 respuesta 1

5

Para poder añadir código JavaScript al atributo src deberá bindear haciendo uso de los dos puntos : antes del atributo y como se trata de JS podrá concatenar la palabra images antes. Documentación ;)

<img :src="'images'+ Dato.image" class="img-responsive" 
  height="70" width="90">

Si no necesita añadir la palabra images antes de, quedaría de la siguiente forma. Pensado para un Single File Component .vue

<img :src=Dato.image class="img-responsive" 
      height="70" width="90">

O si se siente cómodo con los template strings, quedaría.

<img :src="`images/${Dato.image}`" class="img-responsive" 
          height="70" width="90">
1
  • muchas gracias amigo, con la primer opción funciono como queria.. el 28 sep. 2018 a las 1:53

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.