vue nextTick方法 ios微信访问有时候有问题
发布于 5 年前 作者 wuzhenxiong 2784 次浏览 最后一次编辑是 5 年前 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

通过微信公众号推送的消息,进入详情列表中。通过链接直接滚动到列表的最底部位置【列表是通过数组遍历产生】。 在生命周期的钩子函数create中,使用了this.$nextTick(),通过 let list=document.getElementById("list") ;list.scrollTop=list.scrollHeight;滚动条滚到底部。

当数组的数量少的时候,滚动条滚动最底部,安卓和ios是没问题的。 但是数组一旦数量大的时候,数组长度在500,按道理也要滚动最底部。安卓没问题。而微信就出现了无法完全滚动到最底部,发现dom还没渲染完整,滚动就已经滚动。后面通过在nextTick中使用了setTimeout()方法,才能滚到最底部。

为什么nextTick方法不是在dom完全渲染后才触发的么。 除了添加setTimeout,还有什么好的方法解决

回到顶部