vue js页面滚动到最底部

最近开发一个客服聊天，发送消息，消息需要展示到最低部，

// 发送消息
  sendMessage() {
    
    this.form.message = this.formInput
    this.form.senDate = this.getNowFormatDate();

    const form = JSON.parse(JSON.stringify(this.form))
    this.chatList = this.chatList.concat(form)
    
    if(this.form.toId){   // 客服在线
       console.log(JSON.stringify(this.form))
       this.websocket.send(JSON.stringify(this.form));
    }

    this.$nextTick(()=>{
      this.toBottom()
    })
    this.formInput = ""


  }

滚动函数

 // 页面滚到最底部
  toBottom(){
    var height = document.body.clientHeight;
    window.scroll({ top: height , left: 0, behavior: 'smooth' });

  }

如果是div 有滚动条  让滚动条滚到最底部

// 滚动到最底部
    toBottom(){
      this.$nextTick(()=>{
        var scrollDom = document.getElementById('chatBox');
        scrollDom.scrollTop = scrollDom.scrollHeight
      })
    },