Attribute":SRC" not working in Vue?

Question

Hello I would like to understand pq the ":SRC" is not working in Vue js, I tried to render an image that has its path inside the property "img", but simply does not work.

picture tag:

<img :src="img" />

property:

data: () => ({
    img: '../assets/imgs/teste.png'    
})

,

Observing: the path is correct, and when I put this path in the static SRC property it works like this:

<img src="../assets/imgs/teste.png" />

Can anyone tell me what’s wrong?

Answer 1

It is recommended in Vue that you use the require() function of the webpack for static files.(https://vuejs-templates.github.io/webpack/static.html)

Would look like this

<img :src="require(img)" alt="" />