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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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