记一次ElementUI源码修改过程
2024-10-09 14:29:35
修改目的
使用ElementUI el-tree过程发现选中节点,键盘移动上下键时(key down\key up)el-tree默认高亮移动的节点,业务上需要重写此事件。
从官网发现该事件没有暴露回调接口,故想到了修改elementui源码,重新打包上传到公司的npm私服。
定位代码
在chrome devtools的Elements选中节点,查看节点的EventListener中keydown事件,可以看到该事件在element-ui.common.js中定义。发现确实是elementui自定义的事件响应,起初有怀疑时浏览器的默认行为类似tab键的功能。
解决问题
ElementUI是开源项目,到github下载项目后修改源码,重新打包上传到私服解决问题。
git clone https://github.com/ElemeFE/element.git # 使用git下载源码
cd element & npm install #安装依赖
在源码的packages/tree/src/tree.vue中找到了对应的代码逻辑。
我们查看源码后,修改成我们业务上需要的效果,或者直接简单的注释掉这一行代码。在package.json修改公司内部的element-ui版本号。
npm run dist #重新打包
npm publish --registry=http://xxx.xx/xx #发布到公司私服
以上就是本博文的全部内容,如果对你有帮助的话,点赞、评论、转发三连
更多资源与第一手博客,请关注公众号:程序员众推,获取。
最新文章
- tomcat部署https+TLS 1.2+Apple ATS支持
- js只保留整数,向上取整,四舍五入,向下取整等函数
- 百度贴吧python吧抓取用户名和图片
- Sprint(第六天11.19)
- symfony安装使用
- Linq之select子句
- 如何在Windows7(IIS7)环境下安装 PHP
- ios Swift 特性
- JVM调优总结(十)-调优方法
- Flex中处理多点触摸和手势
- QQ推广神器:批量加群、好友、群发。支持批量搜索关键词加群分享下载
- Java简单实现UDP和TCP
- openstack操作之一 命令行
- Selenium 3----鼠标、键盘操作常用方法
- python学习之——习题二
- VirtualBox虚拟机禁止时间同步
- Shell and DOS
- Android零碎知识点 1
- CSS中不透明度继承问题的处理
- Ansible免密码登陆
热门文章
- 总结java创建文件夹的4种方法及其优缺点-JAVA IO基础总结第三篇
- Blazor带我重玩前端(六)
- 【小白学PyTorch】4 构建模型三要素与权重初始化
- fragment没有getWindowManager 关于fragment下的报错解决方法
- Unity技巧集合
- 在Windows和MacOS下编译Lua
- HDU-4417-Super Mario(线段树+离线处理)
- Codeforces Round #571 (Div. 2)-D. Vus the Cossack and Numbers
- 关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
- Activiti7 zip部署,查询及其删除