vue的双重循环

重点:key选项一定要有,o,index, part,n均可以更改

<ul v-show="showlList===1">

      <li v-for="(o,index) in goodsInvolved" :key="index" style="margin-bottom:20px;display:inline-block;">

         <div :body-style="{ padding: '0px' }" v-for="(part,n) in o.imgData" :key="n" v-if="n>0" style="display:inline-block;margin-right:4px;">

                            <img v-bind:src="'/fs/'+part.url" class="image">

                             <div class="bottom clearfix" style="position:relative;background-color:white">

                                        <time class="time">{{formaTime(o.createAt)}}</time>

                                         <i class="el-icon-edit" @click="goodsEdit(o)"></i>

                                         <i class="el-icon-delete" @click="goodsDelete(o,part,n)"></i>

                               </div>

                   </div>

          </li>

</ul>

发布了18 篇原创文章 · 获赞 40 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_42598901/article/details/82259724