loop改变props结构后错乱

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

loop改变props结构后错乱

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

xgyyx

2018-06-19

老师，我为了更好的封装轮播组件，把传到props里面的数据结构改变为如下图所示

相对应的初始化better-scroll组件也修改为

loop: this.options.loop

结果可以实现循环播放但是界面开始错乱入下图所示

除了第一张图和最后一张是重叠两张外其他都还正常，dom结构也从正常的5个变为7个，

问题是按照你的一个一个object传入props中的时候循环轮播是正常的，实在不明白为什

么props的结构也会影响到数据，求解答

写回答

1回答

ustbhuangyi

ustbhuangyi

2018-06-19

better-scroll snap 部分的 API 已经变化了，你可以去对比最新的源码

0

3

ustbhuangyi

你再对比一下看看布局有没有问题

2018-06-20

共3条回复

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

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

5432 学习 · 3805 问题

相似问题

轮播组件的props是哪里来的？

回答 1

vue 子组件修改父组件的props的问题

回答 1

props传值问题

回答 1

为什么在watch里面修改data的值，cube的input无法进行同步

回答 1

slider组件中为什么用props初始化参数而不是用data，props不是用来接收父组件传值的吗

回答 1

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