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

最新推荐文章于 2024-04-26 17:54:13 发布

佚名-x-

最新推荐文章于 2024-04-26 17:54:13 发布

阅读量2.6k

点赞数 2

分类专栏： html vue 文章标签： vue.js html5

本文链接：https://blog.csdn.net/weixin_43637766/article/details/124313411

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

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>