机器人对话,返回内容滚动到可视区scrollIntoView()

 代码如下:

    // 滚动到页面底部
    scrollToBottom () {
      // 获取到所有的聊天 原生标签 项
      // const chatItem = document.querySelectorAll('.chat-item') 原生jsdom标签
      const chatitem = this.$refs.chatitem
      // 获取到最后一项对应的 DOM 元素
      const lastItem = chatitem[chatitem.length - 1]
      // 调用 scrollIntoView() 方法，显示这个元素
      lastItem.scrollIntoView({
        behavior: 'smooth' // 动画平滑
      })
    },
    // 调用时使用异步调用,
    // this.$nextTick(() => {
    //   this.scrollToBottom()
    // })

代码简单,实用