Representación en bucle de src en la etiqueta img en vue
Primero en las representaciones
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'}
],
Estructura del proyecto