<el-select v-model="form.enterpriseName" style="width: 100%" v-loadmore="selectLoadMore" //自定义指令 placeholder="请选择" filterable clearable remote ref="searchSelect" :remote-method="selectLoadMore" @clear="selectLoadMore('')" @change="handleSelectEnterprise($event)" > <el-option v-for="(item, index) in enterpriseList" :key="index" :label="item.enterpriseName" :value="item.inTheEnterpriseId"></el-option> </el-select> //自定义指令 directives: { loadmore: { bind(el, binding) { const DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') DOM.addEventListener('scroll', function () { const condition = this.scrollHeight - this.scrollTop < this.clientHeight + 1 if (condition) { // 如果绑定了函数 则调用那个函数,此处binding.value就是selectLoadMore方法 binding.value() } }) }, }, }, //分页查询入驻企业 selectLoadMore(data) { const isClear = data !== undefined this.searchVal = isClear ? data : this.searchVal if (isClear) { this.currentPage = 1 } else { this.currentPage = this.currentPage + 1 //查询搜索参数 if (this.currentPage > this.enterpriseTotal) return } this.handleInEnterpriseList(this.searchVal, isClear) //查询方法 },
下拉框数据下拉刷新
于 2024-03-14 18:02:16 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)