How to dynamically add link to images in single file vue components?

Question

Vue.js

When you add a link to an image dynamically, the image itself does not appear in the single-file component. The image path is correct, using VS Code it displays images. Although if the same is done globally, then the images are displayed on the site. But when you do this in a separate component file, the image itself does not show, although everything looks ok. There are no errors in the console, what could be the problem here?

Answer 1

..//- this is addiction, change to ../.
But that's not the problem. Vue is smart and for string img srcimplicitly does require.
If you want to use a variable, then you have to explicitly add: . loading: require('../../bla/bla.png')