vue scroll $bus $emit卡顿问题

64 篇文章 0 订阅
52 篇文章 0 订阅

在使用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(){

业务逻辑

})

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值