【vue】容器元素高度变化时，容器滚动到底部

【vue】容器元素高度变化时，容器滚动到底部
需求：在开发一个日志反显组件时，由于链接websocket后会不断向前端返回日志。数量多了之后，日志容器就会产生滚动条。此时让滚动条能够自动滚动到容器底部能够让用户更清晰地了解程序进度和现状。
解决方案：

<div class="result" ref="resultRef">
</div>

const resultRef = ref(null);
// 监听 logArr 变化，自动滚动到底部
watch(
	logArr,
	() => {
		if (resultRef.value) {
			resultRef.value.scrollTop = resultRef.value.scrollHeight;
		}
	},
	{ deep: true }
);