element ui 中select框向下滚动加载更多

Vue.directive("loadmore", {

  bind(el, binding) {

    // 获取element-ui定义好的scroll盒子

    const selectDOM = el.querySelector(

      ".el-select-dropdown .el-select-dropdown__wrap"

    );

    selectDOM.addEventListener("scroll", function () {

      const result =

        this.scrollHeight - Math.ceil(this.scrollTop) <= this.clientHeight;

      if (result) {

        binding.value();

      }

    });

  },

});