Vue v-for :src 循环显示图片

<div
     class="col-xs-12 col-md-6"
     v-for="(row, index) in songMenuData"
     :key="index"
     >
  <div class="thumbnail">
    <img
         :src="'https://picsum.photos/650/300?random=' + index + '.jpg'"
         />
    <div id="reSongMenu1" class="caption">
      <h3>{{ songMenuData[index].song_menu_name }}</h3>
      <a
         @click="editSongMenu(index)"
         style="float: right; padding-bottom: 50px"
         >编辑</a
        >
      <p>{{ songMenuData[index].song_menu_introduce }}</p>
    </div>
</div>

<img :src="'https://picsum.photos/650/300?random=' + index + '.jpg'"/>中index不应该被{{}}或{}包括

Logo

前往低代码交流专区

更多推荐