Better-scroll Bug记录

Bug 1:写完基本结构后无法滚动
问题描述:
BScroll初始化:
Better-scroll Bug记录
scroll组件使用:
Better-scroll Bug记录
原因:
scroll组件包裹的轮播图组件中包含img元素,img未加载时better-scroll计算出的scrollerHeight不正确,因此滚动区域小于content实际高度
解决方案:
(1)在轮播图组件中给img元素加load监听事件并发出:
Better-scroll Bug记录
Better-scroll Bug记录
(2)在Home组件中监听事件并刷新滚动高度:
Better-scroll Bug记录
Better-scroll Bug记录
Bug 2:GoodsItem中发出事件,Home组件无法接收
问题描述:
GoodsItem中通过$emit发出img load事件:
Better-scroll Bug记录
Better-scroll Bug记录

Home中接收事件:
Better-scroll Bug记录
Better-scroll Bug记录
原因:
GoodsItem与Home不是父子组件关系,因此GoodsItem通过自定义事件发出的事件Home无法监听。
解决方案:
利用事件总线作为事件管理器。
(1)初始化事件总线,main.js中:

Better-scroll Bug记录
(2) GoodsItem中发出事件:
Better-scroll Bug记录
(3) Home中监听事件:
Better-scroll Bug记录