Vue聊天框发送消息滚动条在最底部

可以通过以下两种方法实现：

1. 使用 Vue 的 $nextTick 方法

在发送消息后，使用 $nextTick 方法等待 DOM 更新完毕后再将滚动条滚动到最底部。可以在发送消息的方法中添加以下代码：

this.$nextTick(() => {
  const chatBox = document.getElementById('chat-box');
  chatBox.scrollTop = chatBox.scrollHeight;
})

其中，`chat-box` 是聊天框的 ID。

2. 使用 Vue 的 ref 属性

在模板中给聊天框添加 ref 属性，然后在发送消息后直接操作 ref 对象滚动到最底部。可以在模板中添加以下代码：

<div class="chat-box" ref="chatBox">
  <!-- 聊天内容 -->
</div>

在发送消息的方法中添加以下代码：

this.$refs.chatBox.scrollTop = this.$refs.chatBox.scrollHeight;