slider初始化后显示的第一张图不正确

首页课程实战体系课手记专栏慕课教程

slider初始化后显示的第一张图不正确

来源：4-5 轮播图组件实现（中)

布罗利00

2019-12-29

默认显示的是添加后的第一张图片也就是和最后一张一样的那个图
better-scroll 1.15.2

      this.slider = new BScroll(this.$refs.slider, {
        scrollX: true,
        scrollY: false,
        momentum: false,
        snap: {
          loop: this.loop,
          threshold: 0.3,
          speed: 400
        },
        click: true
      })

滑动这个第一张图片就会报这个错
图片描述

图片描述

写回答

1回答

布罗利00

布罗利00

提问者

2019-12-29

给slider添加了这个样式就好了，为什么？

.slider

min-height 1px

1

1

布罗利00

已经看到老师以前的答案了为了保证better-scroll计算问题

2019-12-29

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

slider 最后两个item为空

回答 3

slider可以不定高？

回答 1

请问下老师，为什么没有生成多余的两个无缝轮播所需要的容器呢？我还是只有五个，但是容器宽度是多了两个容器出来的

回答 1

.slide 设置样式 min-height=1px 在这里有什么特殊意义吗？

回答 1

vue-lazyload图片不正确显示

回答 1

打开慕课网App查看更多内容