title: VueJS 2.x using string in img src attribute
body: <p>I have two components a parent, this one,</p>
  <pre><code>&lt;template&gt;
    &lt;div class=&quot;m-topFooter&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;iconsTop
          v-for = &quot;(element,index) in categories&quot; 
          :key = &quot;index&quot;
          :srcs = &quot;element.img&quot;
          :text = &quot;element.text&quot;
          /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  import iconsTop from '../atoms/a-icons.vue'
  
  export default {
      name: &quot;topFooter&quot;,
      components: {
          iconsTop,
      },
      data(){
          return {
              categories: [
                  {
                      img: &quot;buy-comics-digital-comics.png&quot;,
                      text: &quot;digital comics&quot;
                  },
  </code></pre>
  <p>that have this data. Categories is an array that contains objects with a string img for the folder path and a text. I wont to pass to his child img and text. This is the son:</p>
  <pre><code>&lt;template&gt;
    &lt;div class = &quot;a-icons&quot;&gt;
        &lt;!-- TODO: Insert image dinamically --&gt;
        &lt;img :src= &quot;require(`@/assets/img/${srcs}`)&quot; alt = &quot;test&quot;&gt;
        &lt;h5&gt;{{text}}&lt;/h5&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      name: &quot;FooterIcons&quot;,
      props: {
        srcs: {
          type: String,
          required: true,
        },
        text: {
          type: String,
        }
      }
  </code></pre>
  <p>I can't to print the src correct. What's the problem?</p>