vue中循环渲染img标签中的src
先上效果图
template部分:
<div class="avatar_list">
<img
v-for="(item,index) in imgs" :key="index"
class="avatar" :src="require(`../assets/nenglitupu/${item.src}.png`)" alt="">
</div>
data部分:
imgs: [
{src:'avatar_a'},
{src:'avatar_b'},
{src:'avatar_c'},
{src:'avatar_a'},
{src:'avatar_b'},
{src:'avatar_c'},
{src:'avatar_a'},
{src:'avatar_b'}
],
项目结构