<el-select :popper-append-to-body="false" ... 这样的话,我们可以在自定义指令的钩子中,可以直接使用el.querySelector(xxx)去选中下拉框的选项弹出层了。就不用使用document.querySelector(xxx) 因为,若是嵌入到body层,若是同一个页面,有多个el-select就不太好控制管理了 注意下方的两张图,option选项弹出...
methods:{ loadmore(){//当下拉框滚动且触底时,会触发此事件,可以在此处去请求下拉框分页数据} } }</script> 注:由于el-select有默认最大高度,所以第一页数据需要略微多几条,不然不会出现下拉框滚动条,也就触发不了触底事件。我看了下大概8条数据即可出滚动条...
1. 什么是el-select触底加载el-select 是Element UI 库中的一个下拉选择组件,而“触底加载”是一种在滚动到底部时自动加载更多数据的功能。在 el-select 中实现触底加载,可以使得用户在下拉选项滚动到底部时,自动加载更多选项,提升用户体验。 2. 实现el-select触底加载的步骤 要在el-select 中实现触底加载,可以遵...
问题描述某些情况下,下拉框需要做触底加载,发请求,获取option的数据为了方便复用,笔者封装了一个自定义指令另外也提供了一个简单的接口,用于演示我们先...
directives:{'el-select-loadmore':{inserted(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');SELECTWRAP_DOM.addEventListener('scroll',function(){/** * console.log(this.scrollHeight,this.clientHeight); * 收起时 this.scrollHeight this.clientHeight...