ScrollPane.vue:22 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'addEventListener')

这个错误是因为在第22行的代码中，尝试读取未定义的属性'addEventListener'。这通常是由于未正确引用DOM元素或未正确初始化事件监听器导致的。在这种情况下，可能是因为在使用addEventListener之前未正确引用DOM元素。请确保在使用addEventListener之前正确引用DOM元素。另外，还要确保在组件销毁时清除事件监听器，以避免内存泄漏。

以下是可能的解决方案：

1. 确保正确引用DOM元素

在使用addEventListener之前，请确保正确引用DOM元素。您可以使用document.getElementById()或document.querySelector()等方法来获取DOM元素。例如：

mounted() {
  const scrollPane = document.getElementById('scroll-pane')
  scrollPane.addEventListener('scroll', this.handleScroll)
},

2. 在组件销毁时清除事件监听器

在组件销毁时，请务必清除事件监听器，以避免内存泄漏。您可以使用removeEventListener()方法来清除事件监听器。例如：

beforeUnmount() {
  const scrollPane = document.getElementById('scroll-pane')
  scrollPane.removeEventListener('scroll', this.handleScroll)
},