vue监听某一个元素是否滚动到底部

<div class="roll" @scroll="scrollEvent"></div>
scrollEvent () {
  // 可存this指向
  const ts = this    
  document.querySelector('.roll').addEventListener('scroll', function () {
    // scrollHeight: 内容区域的总高度    clientHeight: 内容可视区域的高度     scrollTop: 滚动距离顶部的位置
    // 总高度减距离顶部的距离再减5判断是否小于可视区域的高度
    if (parseInt(this.scrollHeight - this.scrollTop - 5) < this.clientHeight) {
      console.log('到底部了')
      // 干你想干的事
  	}
  })
}