专栏首页前端开发随笔Vue里v-for循环双层数组

Vue里v-for循环双层数组

    <div class="one" v-for="(item,index) in course_list" :key="index">
      <div class="banner">
        <div class="line" v-for="(rol, i) in item.college_list.slice(0,5)" :key="i">
          <img :src="rol.course_imgurl" alt />
          <div>{{rol.course_name}}</div>
        </div>
      </div>
    </div>
<!--截取数组长度-->
 <div class="line" v-for="(rol, i) in item.college_list.slice(0,5)" :key="i">

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • animate.css+wow.js实现网页动画

    任我行RQ
  • scrollReveal实现网页重复动画效果

    任我行RQ
  • Css实现瀑布流布局

    我们只需要设置最外层的父级(waterfall)和子级的父元素(poster)的css就可以

    任我行RQ
  • APICloud开发者进阶之路|【案例源码】简单时间轴

    因为想做透明头部,但是win页面打开frm页面后,会遮住win页面的头部,所以就取消了win页面的header标签,下面是win页面的代码:

    APICloud
  • flex 布局

    CSS3 为我们提供了一种可伸缩的灵活的 web 页面布局方式 flexbox 布局,它具有很强大的功能,可以很轻松实现很多复杂布局。可以简便、完整、响应式地实...

    Krry
  • 初学者必知的HTML规范

    超然
  • jQuery第二十一篇 scrollTop

    用户7873631
  • jQuery第十三篇 内容选择器(:empty :parent :contains(text) :has(selector)

    用户7873631
  • selenium-java web自动化测试工具

    本篇文章由来,这两天整理了下自己经常使用而且很熟练的项目,今天突然想起漏了一个,补上了,但想到还没对应的博客,那就写一个简单的

    肖哥哥
  • 用CSS画小猪佩奇

    腾讯NEXT学位

扫码关注云+社区

领取腾讯云代金券