随笔小记---仿商城项目过程踩的坑

1.在Swiper组件中获取不到要操作的图片（已解决但仍存争议）

　　问题描述：首先Swiper是home的子组件，而要操作的图片是home往Swiper组件的slot中插入的，这些图片是由axios获取的数据生成的，

　　　　　　　虽然我已经是在Swiper的mounted钩子里去操作，按道理挂载完成后肯定可以拿到这些DOM元素了，但打印出来的结果显示还是空的。

　　分析问题：要操作的图片来到子组件有两个步骤：1.axios响应和，然后保存在home父组件；2.父组件往子组件的slot中插；

　　解决方法：猜测应该是步骤1中axios的网络延时问题导致的，所以在先用了一个setTimeOut延时器，延时了200ms才去执行操作，执行成功。

　　仍存争议：1.是不是网络延时的问题还未证明；2.引入了200ms延时，用户体验上。。。

2.Home组件用better-scroll包裹，从detail组件中跳回Home组件后，需要调用refresh刷新一下，否则会出现无法滚动的问题，具体原因有待探究。

3.封装Better-Scroll组件时，要用refs取wrapper,因为不管如何取id/class，当页面同时复用两个以上Scroll组件时，势必取到的只有第一个组件，使得第二个组件无法滚动失效。