Element-Plus Select组件实现滚动分页加载_在element-plus 中 el-select 下拉分页(1)

2401_84619938

于 2024-05-15 21:08:46 发布

阅读量410

点赞数 3

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84619938/article/details/138923631

版权

程序员专栏收录该内容

92 篇文章 0 订阅

订阅专栏

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

    // 执行事件回调
    binding.value && binding.value();
  }
}
// 将获取到的dom和函数挂载到el-select上，以便实例销毁时进行事件移除处理
el._selectDom = selectDom;
el._selectLoadMore = loadMores;
// 监听滚动事件
selectDom?.addEventListener('scroll', loadMores.bind(selectDom));

},
// 实例销毁
beforeUnmount(el) {
if (el._selectLoadMore) {
el._selectDom.removeEventListener(‘scroll’, el._selectLoadMore);
delete el._selectDom;
delete el._selectLoadMore;
}
}
}

// src/directive/index.js

import elSelectLoadMore from ‘./common/elSelectLoadMore’

export default function directive(app){
app.directive(‘selectLoadmore’, elSelectLoadMore)
}

// src/main.js

import App from ‘./App’
import directive from ‘./directive’

const app = createApp(App)
directive(app)


经过简单测试，上述代码可以正常实现分页。需要注意的是上述selectDom的获取方式没有经过充分测试，只作为实验性代码。







### 文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。



这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。



**269页《前端大厂面试宝典》**

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/b98713ee557d94286de8afe404cb51d1.png)

**前端面试题汇总**

![](https://img-blog.csdnimg.cn/img_convert/1d691ca297c9016828aff783a701e065.png)

试题汇总**

![](https://img-blog.csdnimg.cn/img_convert/1d691ca297c9016828aff783a701e065.png)