VUE实现消息更新自动滚动到页面最底部

实现思路:

利用侦听器,监听实时刷新的消息列表数据是否改变,侦听到改变之后,利用 $nextTick() 方法 (这个方法的作用是延时执行,会在数据渲染页面之后执行),获取到聊天模块的高度,然后自动下滑获取到的高度。

实现代码:

watch: {
	messageList() {
		console.log("messageList change");
		this.$nextTick(() => {
			var h = $(".chat-list").innerHeight();
			$(".chatbox").scrollTop(h);
		})
	}
},
发布了411 篇原创文章 · 获赞 809 · 访问量 199万+

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/104735034