vue material md-table scroll event bin

<md-table v-model="tableData" md-card md-fixed-header ref="cardTable">
  <md-table-toolbar>
    <h1 class="md-title">title</h1>
  </md-table-toolbar>
  <md-table-row slot="md-table-row" slot-scope="{ item }">
    <md-table-cell v-for="(v, k) in item" :md-label="k" :key="k">
      {{v}}
    </md-table-cell>
  </md-table-row>
</md-table>

mounted () {
...
let cardTable = this.$refs.cardTable
// 获取页面中的滚动条所在的元素
let lastEle = cardTable.$el.lastElementChild 
// 滚动监听
lastEle.addEventListener('scroll', () => {
  // 判断滚动条是否到底
  if (lastEle.scrollHeight - lastEle.scrollTop === lastEle.clientHeight) {
    // do something 
    console.log('我是有底线的.')
  }
}, false)
...  
}