El src en la etiqueta img se representa cíclicamente en vue (válido para pro-test)

Representación en bucle de src en la etiqueta img en vue


Primero en las representaciones
Inserte la descripción de la imagen aquí

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
Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_43131046/article/details/113392657
Recomendado
Clasificación