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
    Commented el 27 sept. 2018 a las 22:12
  • {{Dato.image}} es vue despues de hacer un v-for Commented el 28 sept. 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.. Commented el 28 sept. 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.