element table組件懶加載

directives : {
    loadmore : {
      bind(el, binding) {
        const selectWrap = el.querySelector('.el-table__body-wrapper')
        selectWrap.addEventListener('scroll', function() {
          let sign = 0
          const scrollDistance = this.scrollHeight - this.scrollTop - this.clientHeight
          if (scrollDistance <= sign) {
            binding.value()
          }
        })
      }
    }
  },

// 自定義指令后，在el-table標簽下使用v-loadmore

 <el-table v-loadmore="loadMore"  >
</el-table>

　　

 

// 方法
 loadMore () {
      this.page++
},