在使用betterscroll 在加载含大量图片的情况,由于滚动的区域在计算时有可能图片还没有加载完毕,所以会产生无法向下动的问题,如何解决这个问题那 ???
这就需要多图片进行监听,原始的js图片加载的监听是 img.onload ,使用BScroll 只需要在图片上添加@load=“method” 属性即可。这样做了会面临一个传值的问题,怎么把BScroll的 值传递给调用的组件那???
这里有好几种解决方案,可以使用vuex,也可以使用$emit ,我这里介绍的是总线,如何创建总线 ???
利用vue的 原型属性创建即可
Vue.prototype.$bus=new Vue();
这样总线就创建了,如何使用???
this.$bus.$emit("hahaha");
this.$bus.$on("hahaha",function(){
业务逻辑
})