TypeError: Cannot read properties of null (reading '$refs')

非常抱歉，我的回答中仍然存在错误。问题出在我没有在正确的时机获取 `$refs` 的引用。请尝试以下修改：

  <div class="grid-item-column" ref="textContentRef">
    <el-input type="textarea" v-model="textContent" readonly :rows="7"/>
  </div>
</template>

<script>
import { ref, watch, onMounted } from 'vue';

export default {
  setup() {
    const textContentRef = ref(null);
    const textContent = ref('');

    onMounted(() => {
      textContentRef.value.scrollTop = textContentRef.value.scrollHeight;
    });

    // 监听 textContent 变化，更新滚动位置
    watch(textContent, () => {
      if (textContentRef.value) {
        textContentRef.value.scrollTop = textContentRef.value.scrollHeight;
      }
    });

    // 假设有方法来获取聊天消息
    // 你可以在这里调用该方法，并更新 textContent

    return {
      textContentRef,
      textContent
    };
  }
};
</script>

在这个修改后的代码中，我使用了 `onMounted` 钩子，在组件挂载后立即执行滚动操作。这样可以确保在获取 `$refs` 引用之后再进行操作，避免了空引用错误。

希望这次修改能够解决问题。如果还有其他问题，请提供更多的代码和错误信息，以便我能更好地帮助你。