关于VUE无法正确获取元素 添加事件问题

在vue中监听一个滚动事件失败

情景

父组件是home页面的一个子路由，通过router-view进入

如图示，我在子组件的mounted时获取“内容区”这个元素，然后给它添加滚动监听事件，这时该元素是可获取，并且可以添加监听事件的

但是当我将子组件的功能拿出来放到父组件中，并且在父组件的mounted添加滚动监听事件，这时该元素无法获取

我尝试搜索这个问题来解决它

1、使用Vue.nextTick()方法，并不能获取到元素

2、target.addEventListener(‘scroll’, this.handleScroll, true)，第三个参数加上true。也就是通过捕获流来获取元素，也不能获取元素。

目前认为的是，元素没有加载完成，函数就执行了

但是没找到解决办法

只好按我一开始的方法，用一个子组件包裹内容区，父组件通过import调用子组件，再在子组件的mounted来获取元素并添加事件监听

有大佬能为我解释一下吗，不懂