在线聊天，滚动条自动滚动到最新聊天信息处（开箱即用）

1.使用element-ui <el-scrollbar></el-scrollbar>使用ref标记，可直接复制下面代码进行替换。

<el-scrollbar ref="scrollbarRef" height="400px" always >
    <div ref="innerRef">
     ......
    </div>
  </el-scrollbar>

在发送按钮回调函数中使用

    滚动条指定滚动位置等于滚动区域内容区高度

const submit = ()=>{
    ....
    setTimeOut(() =>{
        //滚动到指定位置                =                       内容区高度
        scrollbarRef.value.wrapRef.scrollTop=scrollbarRef.value.wrapRef.scrollHeight;
    }
}

3，同理如果不使用element，直接使用div，给盒子开启滚动条 

<div ref='divRef'>
       .....
</div>

 4.在回调函数中调用

const submit = ()=>{
    ....
    setTimeOut(() =>{
        //滚动到指定位置                =                       内容区高度
        scrollbarRef.value.wrapRef.scrollTop=scrollbarRef.value.wrapRef.scrollHeight;
    }
}