el-select滚动到底部加载更多(分页加载数据)

自定义指令:

 directives: {
    'loadmore': {
      inserted(el, binding) {
        const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
        SELECTWRAP_DOM.addEventListener('scroll', function() {
          const condition = this.scrollHeight - this.scrollTop <= this.clientHeight;
          if (condition) {
            binding.value();
          }
        });
      }
    }
  },

引用自定义指令


    
        
    

methods:

loadMore() {
      // 在这里请求接口加载数据
      console.log("滚动到底部了")
},

你可能感兴趣的:(前端,vue.js,elementui,前端框架)