title: How to display images from an array in vuepress or vuejs?
body: <p>I have an array which looks like below:</p>
  <pre><code>  questions: [
      {
        question: &quot;How do you say 'My Car' in Malayalam&quot;,
        answers: {
          a: &quot;a) Ente Car&quot;,
          b: &quot;b) Ninte/Ningalude Car&quot;,
          c: &quot;c) Onte Car&quot;,
          d: &quot;d) Aarudeyo Car&quot;,
        },
        images: &quot;@alias/vallamkali.jpg&quot;,
        correctAnswer: &quot;a&quot;,
      },
      {
        question: &quot;How do you say 'your Car' in Malayalam&quot;,
        answers: {
          a: &quot;a) Onte Car&quot;,
          b: &quot;b) Aarudeyo Car&quot;,
          c: &quot;c) Ninte/Ningalude Car&quot;,
          d: &quot;d) Ente Car&quot;,
        },
        images: &quot;@alias/il_leki.png&quot;,
        correctAnswer: &quot;c&quot;,
      },
      {
        question: &quot;How do you say 'our car' in Malayalam&quot;,
        answers: {
          a: &quot;a) Achante Car&quot;,
          b: &quot;b) Ninte/Ningalude Car&quot;,
          c: &quot;c) Ente Car&quot;,
          d: &quot;d) Nammalude/Njangalude Car&quot;,
        },
        images: &quot;@alias/isthapetta_doubt.jpg&quot;,
        correctAnswer: &quot;d&quot;,
      },
    ],
  </code></pre>
  <p>but when I try to print using the below code</p>
  <pre><code>        &lt;div v-if=&quot;index &lt; count&quot;&gt;
            &lt;p&gt;{{ questions[index]['question']}}&lt;/p&gt;
            &lt;p&gt;{{ questions[index]['images']}}&lt;/p
          &lt;/div&gt;
  </code></pre>
  <p>Only the questions are generated correctly but the images are not displayed properly, only the location gets printed as below and is highlighted in blue. Please help.</p>
  <p><a href="https://i.stack.imgur.com/wtq6N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wtq6N.png" alt="Image not displayed only address" /></a></p>