element ui选择框滚动加载下拉项

最新推荐文章于 2024-03-29 12:01:07 发布

nrskhdzl

最新推荐文章于 2024-03-29 12:01:07 发布

阅读量288

点赞数

文章标签： ui vue.js javascript

本文链接：https://blog.csdn.net/nrskhdzl/article/details/129842292

版权

<el-select
v-model=“selectMangerList”
filterable
multiple
placeholder
style=“width: 100%”
remote
:remote-method=“remoteMethod”
@visible-change=“change”
reserve-keyword
v-el-select-lazyloading=“loadMore”
>

{{ item.personName }}
{{ item.managerName }}

directives: {
    "el-select-lazyloading": {
      bind(el, binding) {
        let SELECT_DOM = el.querySelector(
          ".el-select-dropdown .el-select-dropdown__wrap"
        );
        SELECT_DOM.addEventListener("scroll", function () {
          let condition =
            this.scrollHeight - this.scrollTop <= this.clientHeight;
          if (condition) {
            binding.value();
          }
        });
      },
    },
  },