项目中使用了vue-seamless-scroll 这个组件,用于无缝自动滑动推荐商品.
测试的时候出现了一个问题,由于滑动的首尾像连的,但显示完最后一个后,第二波的第一个图片没有正常显示出来....代码地址
组件的主要思路是,将组件包裹的内容,复制出一份.利用float属性,做到一种看似首尾相连的效果.进而使用动画和requestAnimationFrame ,改变translate
组件的mounted...真是元素还没挂在,那子组件在父组件就是不存在的啊
那么问题来了, 父子组件的声明周期是怎么样的? 如果子组件的created是一个异步函数,会影响到父组件的渲染嘛? 我想当然不会了....首先要解决这个问题
两种办法:
1:将组件入手,将组件复制出来,自己修复这个bug
2:从子组件入手,把子组件转化为真实的dom
这里的图标使用的是element的懒加载图片....所以这个时候vueSeamlessScroll组件复制的html也是没有html的
但是过来一会原始的图片组件,数据加载完成了,图片自然就会显示出来.但由于被复制的html没有handleLoad处理.