vue3 h5进入页面后自动滚动到底部

背景：

在做h5项目中的聊天页面时，需求是进入页面自动滚到底部，方便用户看到最新消息（因为消息是正序排列的，最新消息自然展示在底部）。

 直接上代码：

主要代码：

const child = document.querySelector(`#main`) // 需要滚动的元素
window.scrollTo({
  top: child.scrollHeight ,
  behavior: "smooth"
})