滚动条更新问题

滚动条更新问题

我们在分类页的content.vue里面对img图片绑定了@load事件

http://img1.sycdn.imooc.com//climg/5d75bfe60001d70d07740219.jpg

然后在后面监听里面调用了scroll的update方法

http://img1.sycdn.imooc.com//climg/5d75c0210001de3b05140071.jpg

我看base/scroll/index.vue里面写的update()方法是这样的

http://img1.sycdn.imooc.com//climg/5d75c056000146ca05930133.jpg

课程里面没有提,请问下老师这是什么意思呢?我知道下面这句是swiper组件更新,但是上面那个是什么,为什么要这么写呢,

我按照这种方法写了可是滚动条还是没有跟新到可能是什么原因?


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕嘟嘟 2019-09-09 15:33:05

同学你好,

1,@load可以理解成onload事件,它在image src有值的时候,才开始加载onload事件,在src的资源加载完毕的时候才会触发。

2,图片加载之后,更新滚动条。

关于滚动条没有更新,建议同学将源代码粘贴到问答区,方便老师为同学高效的解决滚动条为什么没有更新。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~


  • 提问者 慕圣3009968 #1
    哦,后面好了,是我粗心有个地方写错啦,不过还是想问下老师更新scroll组件里面的this.$nextTick()是做什么,为什么要在这里面写swiper的更新方法呢?
    2019-09-09 18:19:17
  • 好帮手慕嘟嘟 回复 提问者 慕圣3009968 #2
    同学你好,可以在问答区粘贴相关代码并且详细描述问题,方便老师为同学解答疑惑哦~希望能帮到你~
    2019-09-09 19:14:00
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师