vue中判断div滚动条是否置底

业务中遇到这个问题，百度搜索了一下，没有好的方案就自己写了一个。
在mounted中监听对应的div滚动事件

document.querySelector('.content-box').addEventListener("scroll", this.scrollToTop);

在方法中执行，最后记得移除监听

scrollToTop(){
			let el=document.querySelector('.content-box');
			const scrollTop = el.scrollTop;
			const scrollHeight = el.scrollHeight;
			if ((el.offsetHeight + scrollTop) - scrollHeight == 0) {//如果置底
			// 需要执行的代码
			}
},

	distoryed() {
	  document.querySelector('.content-box').removeEventListener("scroll", this.scrollToTop);
	},