Can't load when render the dynamic images

[codingwizard0831]

Static image is rendered exactly.
<img class="ui-frame hidden absolute top-[90px] left-1/2 transform -translate-x-1/2 z-10" src="~/assets/images/hero/frame.png" />

I have to display the list based on the array data. ex: user profile list
but I have one issue when render the multi dynamic images.
Please check the code.

`

`

I will wait for the senior developer's fast reply.
Thanks.

[codingwizard0831]

This is the code.

<div class="col-lg-2" v-for="pic in pics">
<img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic">
</div>