The src in the img tag is cyclically rendered in vue (valid for pro-test)

Loop rendering of src in img tag in vue


First on the renderings
Insert picture description here

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'}
      ],

Project structure
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_43131046/article/details/113392657