Vue3 实现div的滚动条在数据更新后根据数据更新前滚轮条是否在最下方决定是否需要下滑滚动条到最下端

Message_box_show_div 是一个有滚动条的div的ref，每次更新前判断一下是否在底部，然后更新的时候根据之前的判断，决定是否下滑滚动条

let wasAtBottom = true
onBeforeUpdate(() => {
  wasAtBottom =
    Message_box_show_div.value.scrollTop + Message_box_show_div.value.clientHeight >=
    Message_box_show_div.value.scrollHeight
})
onUpdated(() => {
  //在onUpdated函数里面元素变化的时候令scrollTop和scrollHeight相等，这样内容高度增加的时候
  //滚动条能够向下滑动和内容高度相同的距离
  if (wasAtBottom) {
    Message_box_show_div.value.scrollTop = Message_box_show_div.value.scrollHeight
  }
})