Vue中,消息列表区域,滚动到底部

/**
 * 消息列表区域,滚动到底部
 */
const scrollContentToEnd = function (){

  // 不加 nextTick 会导致滚动条不会滚动到底部(因为如果刚添加的消息,会导致滚动条的高度还没有更新)
  nextTick(() => {
    try {
      // 计算需要滚动的距离
      const scrollHeight = refContent.value.scrollHeight - refContent.value.clientHeight;

      // 执行滚动操作
      //refContent.value.scrollTo(0, scrollHeight,'smooth');
      refContent.value.scrollTo({
                                  top     : scrollHeight,
                                  behavior: 'smooth',
                                });

    } catch (e) {
      console.error(e);
    }
  })

}