vue里面的$nextTick()方法

在创建聊天列表时,需要将最后一条列表置于滚动条的最底部且滚动条处于最底部,只需要将滚动的顶部等于滚动的高度就可以实现。

但是由于聊天列表是不定量的,需要监控每次的发送请求,所以这个简单的处理不能随时监控数据处理,滚动不能即时的渲染到底部。

在vue中的$nextTick()方法就能很好的处理这个问题。

$nextTick()方法的作用是当数据被修改后使用这个方法会回调获取更新后的dom节点并渲染出来

所以,在vue中, 需要实时监控一个dom的节点并渲染出一个方法,$nextTick()这个方法就可以被使用。

例:每次发送消息后,滚动条置底:

nextTick().png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容