img src부분과 require()에 대해 질문이요!

img태그에 src부분에 변수를 넣어서 사용하는게 목적인데요!

vscode에서

<img src="../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png" />

이런식으로 치면

화면에서 F12눌렀을때 나오는 코드에서는

<img src="img/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.1a7485a1.png">

이런식으로 자동으로 바뀌면서 이미지가 화면에 나오는데요

하지만 주소를 변수(a)에 넣어서

<img :src="a" />

이런식으로 치면

<img src="../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png" />

화면(F12)에서는 변환되지 않고 변수에 넣었던 값이 그대로 나오면서 이미지가 화면에 나오지 않더라고요

require('../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png')

를 하면

img/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.1a7485a1.png

변환되서 화면에 이미지가 나오는 값으로 변경되더라구요

그래서 require()에 주소를 넣은 변수를 넣어서 화면에서 이미지가 나오는 값으로 뽑아내고 싶은데 어떻게 해야 할까요?

require(`${this.sumpath2}`)

를 하니까

"Error: Cannot find module '../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png'"

이렇게 나와요!

require()를 안쓰더라도 img src태그에 변수를 넣고 화면에 띄웠을때 변환될 수 있게 하는 방법도 있으면 알려주시면 감사하겠습니다!