[Vuejs]-Vue Js displaying object in qoutes

by

1👍

✅

To use image routes in this way you must first import them for Webpack to be able to process them from the data:

import mathImg from  "../assets/Math.png"

// in your data
Lessons: [
        {
          url: mathImg, // use the import name
          Title: "Lesson",
          Subject: "Math",
          Location: "London",
          Price: "£100",
          Spaces: 5,
        }
]

in your template

<img :src="Lessons.url" />
👤innerurge1

1👍

I believe you want to bind the src attribute like so:

<img :src="lesson.url" ...>
👤Raymond Camden

1👍

I guess you forgot the :

  <img :src="`${lesson.url}`" alt="" class="card-img-top img-fluid">

and you also can

 <img :src="lesson.url" alt="" class="card-img-top img-fluid">
👤rb_19

Leave a comment