查看: 2160|回复: 0
打印 上一主题 下一主题

swiper-slide中li标签v-for循环渲染数据时出现一个空的swiper-slide

[复制链接]
  • TA的每日心情

    2018-5-31 15:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    跳转到指定楼层
    楼主
    发表于 2018-5-31 15:20:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <ul class="floor">
          <li v-for="courseCom1 in compCourse1" :key="courseCom1.id">
            <div class="inner">
              <div class="box">
                <img :src="courseCom1" alt="" class="fullWidth">
              </div>
              <a href="##" class="button">xxxxxx</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="swiper-slide">
        <ul class="floor">
          <li v-for="courseCom2 in compCourse2" :key="courseCom2.id">
            <div class="inner">
              <div class="box">
                <img :src="courseCom2" alt="" class="fullWidth">
              </div>
              <a href="##" class="button">xxxxx</a>
            </div>
          </li>
        </ul>
      </div>
    </div>

    这样喧染出来一共有四个swiper-slide,求指点
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-1 13:29 , Processed in 0.063319 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表